swap image acting bonkers in ie7

[jacksoncn]

hello there everybody,

I am having problems with this code (or it could be the javascript associated with it) in ie7. Everything is peachy in Firefox so i'm assuming that ie7 is at fault here. The rollovers work as they should but when a link is clicked on and then rolled off of...some wierd display issues happen....im sorry i can't really explain it differently. i was just wondering if there was anyone who could take a look and let me know if there is something i could do to prevent this, maybe its the javascript that fireworks produces with their rollover behaviour? (i unno) here's the css:

.nav ul {
list-style-type: none;
padding: 0;
margin-left: 35px;
text-decoration:none ;
padding-bottom:5px;
position:relati ve;
top:10px;
}

.nav li {
list-style-type: none;
padding: 0;
margin-left: 0;
text-decoration:none ;
padding-bottom:5px;
}

.nav_text {
position:relati ve;
right:35px;
top:7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}



.nav li a:link{
background:url( ../images/button_design.j pg) no-repeat;
display:block;
width: 214px;
height: 31px;
text-decoration:none ;
list-style-type: none;
padding: 0;
margin-left: 0;
padding-bottom:5px;
color:#0000CC;
}



.nav li a:active{
background:url( ../images/button_design.j pg) no-repeat;
display:block;
width: 214px;
height: 31px;
text-decoration:none ;
color:#FFFFFF;
padding-bottom:5px;
}

.nav li a:hover{
background:url( ../images/button_design_f 2.jpg) no-repeat;
display:block;
width: 214px;
height: 31px;
text-decoration:none ;
color:#FFFFFF;
padding-bottom:5px;
}


.nav li a:visited{
background:url( ../images/button_design_f 2.jpg) no-repeat;
display:block;
width: 214px;
height: 31px;
text-decoration:none ;
color:#FFFFFF;
padding-bottom:5px;
}

[jacksoncn]

fixed it. *filling in characters

[drhowarddrfine]

Everything is peachy in Firefox so i'm assuming that ie7 is at fault here.

That is the correct way to look at it. A lot of people get it backwards. Good job.