PDA

View Full Version : hover over menu in IE vs FF



elietabet
25 May 2010, 01:44 PM
I have a Jscript hover-over menu and it works fine in FF, but once in IE, scrollbars appear and disappear quickly whenever I hover over one of the top links.

the menu is similar to this 3dcart.com.
and here is my CSS below. anybody knows what I'm missing here?

thanks a lot!


<!--
*{
margin:0px;
padding:0px;
}
div.spacer { clear: both; }

.menu-top {
background:url(../images/menu-tile.jpg) repeat-x left;
height:40px;
}
.qmmc .qmdivider {
z-index : 1000000;
position : relative;
border-left : 0 solid;
border-right : 0 solid;
display : block;
font-size : 1px;
}
.qmmc .qmdividery {
width : 0;
float : left;
}
.qmclear {
line-height : 0;
width : 0;
display : block;
float : none !important ;
height : 0;
clear : left;
font-size : 1px;
}
.qmmc {
z-index : 1000000;
position : relative;
}
.qmmc A {
z-index : 10000;
position : relative;
display : block;
white-space : nowrap;
float : left;
margin-top:8px;
}
.qmmc DIV A {
float : none;
}
.qmmc DIV {
position : absolute;
visibility : hidden;
}
.qmmc {
padding: 0px 0px 0px 350px;
list-style-type : none;
margin : 0;
list-style-image : none;
}
#qm0 A {
padding:5px 8px 5px 8px;
font-family : Arial;
color : #fafafa;
font-size : 13px;
text-decoration : none;
}
#qm0 DIV {
border:1px solid #464646;
padding:0px 6px 6px 6px;
background-color : #080808;
margin : -1px 0px 0px 0px;
}
#qm0 DIV A {
border:0px;
padding: 3px 5px 3px 5px;
background-color : transparent;
font-size : 12px;
}
#qm0 DIV A:hover {
background-color : #464646;
color : #e6e4e2;
}
#qm0 .qmdividery {
border-color:#636363;
margin : 1px 3px 0px 0px;
height : 25px;
border-left-width : 1px;
margin-top:8px;
}
#qm0 .qmritem SPAN {
border-color:#464646;
background-color : #080808;
}
#qm0 .qmritemcontent {
padding:0px 0px 0px 7px;
}
-->