CSSNavbar gone haywire!

[jevidon]

I recently made changes to my navbar, which had originally been put together with the help of Ivar. However, now the tabbing has gone haywire and doesn't properly represent what page I navigate to. Please help!


http://exposure.evidon.net (http://exposure.evidon.net)

[jevidon]

I recently made changes to my navbar, which had originally been put together with the help of Ivar. However, now the tabbing has gone haywire and doesn't properly represent what page I navigate to. Please help!


http://exposure.evidon.net (http://exposure.evidon.net)In order to have functionality continue to work, I have removed the impeding code and have pasted it in here: .gallery_2951276 #button1 a,
.gallery_3786498 #button2 a,
.gallery_2070850 #button3 a,
.gallery_2899804 #button4 a {
border: 1px solid white;
border-bottom: 0;
padding-bottom: 3px;
}

.gallery_2951276 #button1 a:hover,
.gallery_3786498 #button2 a:hover,
.gallery_2070850 #button3 a:hover,
.gallery_2899804 #button4 a:hover {
text-decoration: none;
}

[LiquidOps]

Hey Jevidon

Go ahead and put that CSS back in... it's not what's causing your issue. the CSS is actually correct.

It appears the cause of your "Haywireness" is in your html code....

If you look at what you currently have and the changes I have made in red, it will make more sense.


<div id="navcontainer"> <ul> <li id="bar_left" class="navbtn"> &nbsp; </li> <li id="button1" class="navbtn">
<a href="http://exposure.evidon.net/gallery/2951276">Portfolio</a> </li><li id="button2" class="navbtn">
<a href="http://exposure.evidon.net/gallery/3786498">Bio</a> </li> <li id="button3" class="navbtn">
<a href="http://exposure.evidon.net/gallery/2070850">Recent Additions</a> </li> <li id="button4" class="navbtn">
<a href="http://exposure.evidon.net/gallery/2899804">Contact</a>
</li> <li id="bar_right" class="navbtn"> &nbsp; </li> </ul> </div>
</b>


Let me know if you have any other issues,

Steven