CSS hover in chrome..
Ik heb CSS code van een dropdown hover menu, het werkt in IE7,IE6, FF maar niet in Chrome...
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
#menu{position:absolute;width: 922px; height: 52px;}
#menu ul .item{display:none; clear: both; margin-left: 0px;}
#menu ul:hover .item{display:block;background: url(images/bg_dropdown_grey.gif) repeat-x;padding-left:0px;margin:0px; height:21px;width:135px;}
#menu ul:hover .item a{
color:#000;text-decoration:none;}
#menu ul:hover .item a:hover{display: block;color:#FFF; height:21px;background: url(images/bg_dropdown_blue.gif) repeat-x; width:135px;}
#menu ul{float:left;margin:0px;padding:0px; list-style:none;}
#menu ul .item{display:none; clear: both; margin-left: 0px;}
#menu ul:hover .item{display:block;background: url(images/bg_dropdown_grey.gif) repeat-x;padding-left:0px;margin:0px; height:21px;width:135px;}
#menu ul:hover .item a{
color:#000;text-decoration:none;}
#menu ul:hover .item a:hover{display: block;color:#FFF; height:21px;background: url(images/bg_dropdown_blue.gif) repeat-x; width:135px;}
#menu ul{float:left;margin:0px;padding:0px; list-style:none;}
dus in de <li class="item"></li> zitten de opties van de dropdown. In chrome werkt de background swap van de hover niet...
Weet iemand hoe dit komt?
Jelle
Er zijn nog geen reacties op dit bericht.