Text border issues

I need text to have a box like so...

6z6bvrq.jpg

but with border: 1px #625d50 solid it keeps coming out as

82kym9i.jpg

I don't want to predefine a width because I'm not to certain if the text will change and encase users have changed their default font size (lots of old people use this site).

When I define the width as auto or inherit it does the same thing extending itself 100%.

Is it possible to do this with css (without using tables) ?

#483687

You may use display: inline-block for it, but it doesn't work in all of the browsers. For now (just because IE6) there is no good way. :/

#483692

How many buttons are you making? If you are making only a few, I'd go back to ye-olde-fashioned images, to be honest.

#483743

yeah I was afraid of that, & it would have to be compatible down to -ie6, [stereotype]again those old people...[/stereotype]

thanks

#483748

I don't want to predefine a width because I'm not to certain if the text will change and encase users have changed their default font size (lots of old people use this site).

Maybe I'm missing something here, but can't you just keep it em based? The width of the box and text size would could resize fine...

#483792

sorry... cant help you with this... i am a newbie on programming....

#493068