WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > Browser Compatibility > Menu is not displaying correctly in IE7

Reply
  Thread Tools Display Modes
Old 31st August 08, 11:00 PM   #1
ndezigns
WLC Member
 
Join Date: Aug 2008
Posts: 3
Default Menu is not displaying correctly in IE7

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;
}
ndezigns is offline   Reply With Quote
Old 31st August 08, 11:08 PM   #2
ndezigns
WLC Member
 
Join Date: Aug 2008
Posts: 3
Default Re: Menu is not displaying correctly in IE7

link fixed
ndezigns is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:57 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyright© 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.