CSS: Format Wdith Reletive to Pre-CSS
 

I have a menu with a bunch of buttons with various widths. When you mouse over them it changes the font to bold. But that makes the element slightly bigger wich causes the entire menu to move around.

My first thought was to make all the buttons slightly wider so that when the font changed the element would not need to grow to fit it.
The problem is, I do not want to go through each one and indivigualy size each one and if I make them all one size some buttons are way biggger then needed.

I am open to other ideas aswell, but does anyone know how to change the width of an element relative to what it was?

No code .. no help!

How can I post code if I do not have any idea of how I would acheive my goal? I am not asking for a debuging I am asking for ideas.

:confused:

My problem is not that I have code that does not work. My problem is I can not figure out how I would go about getting elements to be wider relitive to what it was before applying CSS.

There is no code to debug or even to look at yet. Just a critical thinking problem.

There is no real way to work around this without explicit widths. You could either use images or just don't use bold. I doubt this'd be tasteful anyway.