menu item full width in IE 9

[aoeui]

my web
http://krsiak.cz/

want to have menu full page width, can’t figure it out in IE9
before: http://minus.com/mbaGTwTDjz/14f

css
http://krsiak.cz/style.1.0.9.css

look for = MENU (line 716)

update: sry, ignore me, I found it

[Paulie_D]

I suspect this is a padding left/right issue on the ‘#menu a’ and the way IE interprets it in the box model.

Perhaps try reducing it to 29px in your IE stylesheet.

[Paulie_D]

You could put in an IE9 hack.

[Senff]

I think IE9 renders the text in the menu items little bit larger, resulting in a whole wider menu. Since you spaced everything (such as padding) pixel-perfect, that doesn’t allow for extra room.

(Not just for IE9 — it will be the same in all browsers when you change the content in the menu items, like “reference” to “references” for example)

One solution could be to give every menu item a specific width, get rid of the horizontal padding and center the menu item text.

[Author]

Posts