1 reply [Last post]
lasseboegh
lasseboegh's picture
Offline
newbie
Last seen: 8 years 28 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;
text-decoration:none;
line-height:30px;
}

#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
Offline
Elder
Netherlands
Last seen: 9 years 18 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Hi.

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