1 reply [Last post]
lasseboegh's picture
Last seen: 10 years 41 weeks ago
Timezone: GMT+2
Joined: 2010-08-23
Posts: 2
Points: 4

Hey Everybody,

Please check this link: www.trim2010.dk

My css menu in the left wont show in IE7, what is the problem?

Here is my css:

#menu {
margin: 0px;
float: left;
height: 514px;
width: 165px;
padding-top: 70px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 0px;
text-align: right;

#menu li a {
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 900;
font-variant: normal;
color: #000;

#menu li a:link, #menu li a:visited {
color: #000;
display: block;

#menu li a:hover {
color: #f58220;

#menu li a:active {
color: #f58220;

Stomme poes
Stomme poes's picture
Last seen: 11 years 32 weeks ago
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378


The inline styles, positioning, and Javascript is probably screwing IE7 up.

IE7 is a simple browser. You have to feed it simple code. Your code is overly complex and convoluted. IE is confused by the position: relatives. It thinks all the li's are at the top of the viewport.

Try a simpler menu. Use nested lists to create the submenus. Give the menu itself position: relative the high z-index, not the li's. Remove the 3 wrapping boxes: you only need a ul there.

I don't know if this answer helps, but it's what I would do with that code.

I'm no expert, but I fake one on teh Internets