Advanced Search

Results 1 to 2 of 2

Thread: Menu in IE7 not displaying correctly

  1. #1
    Join Date
    Aug 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Menu in IE7 not displaying correctly

    Hey all. I am having the hardest time trying to figure this one out. I have the menu working correctly in Firefox and Safari but its acting up a little in IE7. After a couple of hours of trying to figure this one out I figured I definitely need another eye or two to look it over. I think the problem is minor but then again I don't know. If you click here and view it in IE7 and then visit one of the links in the menu you will see what I am talking about. If one of the links have been visited and you hover over it the left part of the image does not display at all. ANY help at all would be so GREATLY APPRECIATED!

    here is the code for the menu.

    Code:
    div#logoSlim .navigationSlim {
    	position: relative;
    	top: 5px;
    	left: 75px;
    }
    
    div#logoSlim .navigationSlim ul{
    	list-style:none;
    	margin:0 auto;
    }
    div#logoSlim .navigationSlim ul li{
    	float:left;
    	list-style:none;
    	margin-left: 2px;
    }
    div#logoSlim .navigationSlim ul li a, div#logoSlim .navigationSlim ul li a:visited {
    	height: 19px;
    	float:left;
    	display:block;
    	color:#fff;
    	text-decoration:none;
    	text-transform: uppercase;
    	font: bold 12px Arial, Helvetica, sans-serif;
    	background: bottom;
    	font-weight:bold;
    	padding:0px 0 10px 11px;
    	text-align:center;
    }
    div#logoSlim .navigationSlim li a , div#logoSlim .navigationSlim li a:visited {
    	float:left;
    	display:block;
    	padding: 6px 10px 10px 1px;
    }
    div#logoSlim .navigationSlim li a span, div#logoSlim .navigationSlim li a:visited span{
    	float:left;
    	display:block;
    	padding: 6px 10px 10px 1px;
    }
    
    div#logoSlim .navigationSlim li.current a {
    	color:#fff;
    	background: url(../images/nav_slim_left.gif) no-repeat left 5px;
    }
    div#logoSlim .navigationSlim li.current a:visited {
    	color:#fff;
    	background: url(../images/nav_slim_left.gif) no-repeat left 5px;
    }
    div#logoSlim .navigationSlim li.current a span {
    	color:#fff;
    	background: url(../images/nav_slim_right.gif) no-repeat right 5px;
    }
    div#logoSlim .navigationSlim li a:visited {
    	color:#fff;
    	background: url(../images/nav_slim_left.gif) no-repeat left 5px;
    }
    div#logoSlim .navigationSlim li a:hover {
    	color:#fff;
    	background: url(../images/nav_slim_left.gif) no-repeat left 5px;
    }
    div#logoSlim .navigationSlim li a:hover span {
    	color:#fff;
    	background: url(../images/nav_slim_right.gif) no-repeat right 5px;
    }

  2. #2
    Join Date
    Aug 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    link fixed

Bookmarks

Posting Permissions

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