Mon, 2010-08-23 10:28
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;
}
Mon, 2010-08-23 10:46
#1
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.