Hi guys...I'v surfed the web and the forum but I'm really going crazy with this and I couldn't find anything
.
Usually I won't bother being perfectly visible and compatible on older browsers (anybody in my business uses Macs) but I've been asked by a recruiter to being viewable even down to Internet Explorer 7.
I'm struggling with my css (after trying different "IF lte IE7" in my index.php without success).
I come to the conclusion that the problem is in my css.
In every browser I tried, the spacing between the links in the menu works well.
My problem appears just on IE7 where the menu bar's height became miles and miles tall.
Maybe it's incredibly simple...
Here's my site url: portfolio2010
And here's the menu part of my css:
/* MENU */
#menu {
z-index:80;
font-size: 9px;
width: 170px;
overflow: auto;
top: 0;
position: fixed;
height: 100%;
}
#menu li {
padding-top: 1px;
text-transform: uppercase;
margin-bottom: 4px;
text-align: left;
display: block;
cursor: hand;
cursor: pointer;
}
#menu li a {
font-family:helvetica, arial, verdana;
text-transform:uppercase;
font-size:9px;
font-weight: bold;
color:#DDDDDD;
padding: 2px 3px 2px 10px;
}
#menu li a:active {
background:url() repeat #9fd311;
}
#menu ul {
list-style: none;
margin: 0px 0px 0px 0px;
}
#menu ul li.section-title {
font-weight:bold;
padding: 0px;
margin: 0px;
}
I hope you can help,
thanks A LOT or your time .
DAvide.