Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jun 2010
    Posts
    37
    Thanks
    4
    Thanked 0 Times in 0 Posts

    List not displaying correctly in IE7

    This code works perfectly in IE 8 and of course in FF/Chrome etc.
    Code:
    #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:




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

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    #footerMenu ul li a {
    float:left;
    Set the float on #footerMenu ul li instead.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •