Paolo Candelari wrote: > I prepared for a friend of mine a simple design and the result can be > found in www.illuogo.org/roi/. >
> Now the issue. On my friend's website the menu's item background > colour is white when it is hovered (main.css) and it is correctly > shown on FF and IE6, but with my complete surprise it is not shown in > IE7. > Thanks. > > Regards, > > Paolo > > The styles for the navigation in the conditional comments are not needed and can be deleted. Re-set the styles in the style sheet for the ul, ul li, ul li a, and the hover, focus, active states to readt: #navigation ul {background-color: transparent; text-align: left; margin-left: 0;} #navigation ul li { display: block; float: left; } #navigation ul li a { display: block; padding: 5px 7px; margin: 0 5px 0 0; text-decoration: none; color: #fff; background: transparent; font-weight: bold;} #navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a:active { background: #fff!important; color: #000; } The hasLayout [1] trigger for IE/ 7.0 is zoom: 1; /* ----- Hack only for IE 7 ----- */ *+html #navigation ul li a:hover, *+html #navigation ul li a:focus, *+html #navigation ul li a:active { zoom: 1; } [1] <http://www.satzansatz.de/cssd/onhavinglayout.html> ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/