Forum Moderators: not2easy

Message Too Old, No Replies

Drop down menu needs coorection in IE

         

picxelplay

11:37 am on Jun 26, 2009 (gmt 0)

10+ Year Member



I created a drop down menu. It works fine in Firefox, but I have a little problem in IE. When you hover over a menu item that has sub menus, IE positions the subs far to the right, as you can see by the corresponding pictures. Here is my css. Anyone have ideas about how to move the subs over to the left under the menu item?
Menu in FF (correct)
<snip>
Menu in IE (not correct)
<snip>

.moduletablemainnav {
position:absolute;
z-index:100;
margin:0px;
padding:0px;
}

#mainlevelmainnav,#mainlevelmainnav ul {
float:left;
list-style:none;
line-height:1em;
background:transparent;
margin:0;
padding:0;
}

#mainlevelmainnav a {
display:block;
color:#f90;
margin-right:0px;
padding:0.3em;
}

#mainlevelmainnav li {
float:left;
padding:0;
}

#mainlevelmainnav li ul {
position:absolute;
left:-999em;
height:auto;
width:11em;
background:#3A2B0D;
border:#EBDCBD 1px solid;
margin:20px;
}

#mainlevelmainnav li li {
width:11em;
}

#mainlevelmainnav li ul a {
width:11em;
color:#fff;
font-size:0.9em;
line-height:1em;
}

#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}

#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
l,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
left:auto;
z-index:6000;
}

#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {
background:#3A2B0D;
}

[edited by: swa66 at 12:47 pm (utc) on June 26, 2009]
[edit reason] No personal URLs please see ToS and forum charter [/edit]

picxelplay

2:23 pm on Jun 26, 2009 (gmt 0)

10+ Year Member


Links to pictures:
Menu in FF (correct)
http://i39.tinypic.com/9jztkx.jpg
Menu in IE (not correct)
http://i41.tinypic.com/25jv1gz.jpg