if anyone could help me out that would be awesome.

 

I am making a site and I can't figure out why but my navigation seems so cascade when seen in IE 7 (maybe earlier versions also), though in IE 8 it does not happen.

 

the site is http://www.coronadobands.org

 

any tips would be great

 

thanks!

change your nav display: block to display: inline

 

Should fix it.

I've seen that before. Edit like this:-

 

ul#nav li{

font-size: 1.2em; float: left;

}

i tried both of those tips and neither have fix the problem

float the list items and give them a width (instead of floating the links).

I tested my float: left solution in your code and it did work. mr p gave the same answer with a width which may be a good idea, but mine worked without a width. Did you make some other edits which affected it?

 

Do the same for the footer:-

 

ul#footerNav li {

font-size: 1em; float: left;

}