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 [[email protected]]
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/
