"Display: block" differs on IE and Safari/Firefox in navigation

[motionmountain]

On my website I have two navigations, on the left and the right side (simple xhtml and css).
They work as wanted on Safari and MACOSX Firefox, but not on IE: the display:block has no effect in IE 6.0. Why?

The navigation entries are all simple <a> tags (see the website), all structured by a css entry of the following type:

#llmenu a {
display:block;
text-decoration:none;
color:inherit;
background-color:inherit;
padding-right:1em}
#llmenu a:hover {background-color:#BE4945;
color:black;
padding-right:1em}

Does anybody have an idea what can be done to get the same effect on IE as on Firefox and Safari?

Any help is appreciated!

MM

<Sorry, no specifics.
See Forum Charter [webmasterworld.com]>

[edited by: tedster at 9:32 pm (utc) on Nov. 20, 2006]

[Robin_reala]

hasLayout rears it’s exceedingly ugly head once again. I’ll spare you the details as it’s been discussed over and over again on this forum and the rest of the web (the best place to look is Ingo Chao’s guide), but luckily there’s a simple fix:

#llmenu a {
zoom: 1; /* :hack: hasLayout trigger for IE */
}

Note: that’s not valid code so you might want to put it in a stylesheet hidden by a conditional comment.

[motionmountain]

Thank you a lot. I did not anything about hasLayout. Now
I do; thank you for the information!

MM