No replies
hansderelict
Offline
newbie
Last seen: 14 years 28 weeks ago
Joined: 2007-12-20
Posts: 1
Points: 0

Hey everyone.. i have a problem that is driving me crazy. I used the Sucker Fish code to make some drop down menus for a website i'm working on. They look great in mozilla, but in IE they have a huge problem - whenever a dropdown menu appears, it pops up about 30px too high, and gets covered by other parts of the menu. Does anyone have any idea what i'm doing wrong? here is the code below:

#header {
position: relative;
}
#outside {
border: 0px solid black;
width: 728px;
position: relative;
}
#dropdown {
position: absolute; top: 110px; left: 135px;
z-index: 1;

}
li a { text-decoration: none;

color: rgb(0, 0, 0);

}

li a:link { text-decoration: none;

color: rgb(0, 0, 0);

}

li a:visited { text-decoration: none;

color: rgb(0, 0, 0);

}

li a:active { text-decoration: none;

color: rgb(0, 0, 0);

}

li a:hover { color: rgb(51, 51, 255);

}

.mainitems {
border: 1px solid black;

text-align: center;

font-weight: normal;

margin-top: 0px;

background-color: rgb(51, 102, 255);

background-image: url(grad.gif);

color: rgb(0, 0, 0);

background-position: left top;

opacity: 1;

font-size: normal;

}

.listitems { border: 1px solid black;

text-align: left;

color: rgb(0, 0, 0) ! important;

padding-left: 20px;

padding-right: 20px;

padding-bottom: 10px;

background-repeat: repeat-x;

background-position: left bottom;

background-image: url(grad2.gif);

background-color: rgb(187, 187, 187) ! important;

font-size: small;
z-index: 1;

}

ul {
margin: 0pt;

padding: 0pt;

list-style-type: none;

list-style-image: none;

list-style-position: outside;
}

li { position: relative;

width: 7em;

float: left;

}

li ul { display: none;

position: absolute;

top: 1em;

left: 0pt;
}

li > ul { top: auto;

left: auto;

}

li:hover ul { display: block;

}

li:hover ul, li.over ul { display: block;

}

#restofcontent { clear: left;

}

  • Sxxxxxxxx
  • xxxxxxxxxxx