CSS navigation headache

HTML & CSS
1

For some reason the css I have on this navigation is not playing right. The only thing that is different from my past nav is 1 big image background and images for the links.

If you take a look at the link my nav bg isn’t right, my text indent isn’t working…Could someone take a look at my code and see what is wrong? Thanks!!!

http://www.pioneersportscolorado.com/template-srs.html

Neil

2

text-indent doesn’t work on inline elements, links are display: inline by default

The easiest way is to float the li and a elements left and then give each link the correct width e.g.


#navSRS {
	overflow: hidden;
	width: 100%;
}
#navSRS li { float: left }
#navSRS a {
	float: left;
	height: 14px;
	text-indent: -9999px;
}
a.nav1 { width: 180px }