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.


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;
}


Jonna is right. "nav_slim_left.gif" doesnt show in FF. Check whether the file name is right or not. Case sensitivity n all. If i save your file on my machine with the images, it works totally fine.