...

View Full Version : List not displaying correctly in IE7



emericana
07-20-2011, 05:03 PM
This code works perfectly in IE 8 and of course in FF/Chrome etc.


#footerMenu {
overflow:hidden;
}
#footerMenu ul{
list-style:none;
margin:20px auto 0px auto;
position:relative;
display:block;
width:1025px;
height:85px;
border:none;
font-family: 'Open Sans', sans-serif;
font-size:14px;
font-weight:bold;
}
#footerMenu ul li {
display:block;
position:relative;
margin-left:-20px;

}

#footerMenu ul li a {
float:left;
display: block;
color: #fff;
text-decoration: none;
padding-top: 15px;
padding-bottom:15px;
text-align:center;
border:4px solid white;
margin-left:9px;
width:145px;
}

#footerMenu ul li a {-webkit-box-shadow: 4px 6px 8px black;-moz-box-shadow: 4px 6px 8px black;box-shadow: 4px 6px 8px black;}
#footerMenu ul li a.aboutus {background:#ed2891}
#footerMenu ul li a.questions{background:#f7911e;}
#footerMenu ul li a.contactus{background:#f14a7d;}
#footerMenu ul li a.link2us{background:#acd217;}
#footerMenu ul li a.wowzers{background:#1db24b;}
#footerMenu ul li a.streetteam{ background:#1d9eda; width:200px;}


However in IE it displays as such:

http://i.imgur.com/8h22C.jpg


I cant for the life of me figure out what is wrong. Any help would be greatly greatly appreciated!

abduraooft
07-21-2011, 11:57 AM
#footerMenu ul li a {
float:left;
Set the float on #footerMenu ul li instead.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum