buttons with variable lenght and curvy corners

Hello there
I am stuck with this problem.
I know how to use the four graphics corresponding to the four states of the button (with curvy corners) which I want to use in a menu. Nevertheless,
the problem comes because I want the length of my button to be variable depending on the length of the text which appears on the button. This is due to the fact that the length of my button's text changes dynamically.
I would appreciate any suggestion since I am stuck with this problem and no successful strategy has come to my mind yet to solve this problem.
Thanks in advance.

You need a left div containing the left edge graphic (fixed height & width), a centre div containing a repeat-x graphic 1 or 2px wide (fixed height & variable width) then final the right div for, you guessed it, the right edge of the button (fixed height & width).

Thanks frinkky but I had already thought that. However, that does not solve my problem because I don't know how to change the appeareance of the both left and right extremes of the button. What I had been using so far was the hover property, so I had one div class for hover with imagebuttondown.gif as background and another with imagebuttonup.gif as background. However, now, I would need to change both extremes of the button to show the different states of the button. And my problem comes because I do not know how to change the state of the extremes of the button when the mouse goes over one of the three parts of the button: either the central or the extremes.
Look forward for your suggestions.

My bad, I thought that would give me enough time to find this out and come back and update my post

It seems the simplest solution is using a 'sliding door' method. Check this out:

http://www.oscaralexander.com/tutori...-with-css.html

I have just followed the sliding doors method.
Do you know why this file caca.html shows a really hard edge in the middle of the left side and the right side of each button. It seems as if the join between left and right side of the button did not fit properly. However, it does when you preview both images in an image editor. Could anybody help me to remove that join?
Thanks in advance

Attached Images

	left.gif (369 Bytes, 11 views)
	left_down.gif (370 Bytes, 11 views)
	right.gif (1.5 KB, 11 views)
	right_down.gif (1,010 Bytes, 11 views)

Attached Files

caca.html (2.3 KB, 0 views)

You could use shrink wrapped buttons.... i've seen them around just google it.... i think stu nicholls has them on his CSSPLAY...

Found the link... see them here