a:active/visited problem with suckerfish

links jumping out of place after clicked

[daj1017]

I'm on a very short deadline with this and I need an answer quickly please!

I'm using the original suckerfish css dropdown (didn't find the son until just today) and after a link is clicked it moves out of alignment with the others. I've tried to test the css line by line but I can't find the problem. I've also rebuilt the navigation several times and it keeps popping up.

Here's the navigation css:

/*************Navigation**********************/

#divNav {
float: left;
background-image: url(../images/NavBg.jpg);
height: 27px;
background-repeat: repeat-x;
background-position: left;
clear: both;
width: 752px;
margin: 0px;
padding: 0px;
}

#navImage {
float: left;
}

#nav a {
float: left;
font-weight: bold;
font-variant: small-caps;
color: white;
text-decoration: none;
font-size: 12px;
padding-top: 5px;
padding-right:30px;
}

#nav li li a {
float: left;
font-weight: bold;
font-variant: small-caps;
color: #FFFFFF;
padding: 5px 5px;
background-color: #072B4B;
text-align: left;
width: 150px;
}

#nav li li a:hover {
background-color: #103955;
}

#nav li {
float: left;
position: relative;
text-align: left;
list-style: none;
}

li ul {
display: none;
position: absolute;
top: 100%;
left: 0px;
font-weight: bold;
}

#nav li>ul {
top: auto;
left: auto;
}

#nav li li {
display: block;
float: none;
}

#nav li:hover ul, #nav li.over ul {
display: block;
background-color: #072B4B;
width: 150px;
}

[daj1017]

Figured it out. I had to set the margins to 0. Never had to do that before. I have other li links on the page that don't have them set at all and there's no problem.

Anyone have an idea why?