Ok In Firefox and IE 7.0 but not in IE 6.0...

[NC_Chris]

Evening! I have a number of templates that are giving me fits and you all seem to know much more about this that I do :)

The only example I have is adult related so although there arent actually adult images on this domain it is adult oriented so if that offends anyone please do not click on the link...

Here is the problem, the navigation across the top resolves correctly in IE 7.0 and all versions of Firefox however it does not in IE 6.0 or earlier.

I have quite a few domains and have not encountered this in the past with any other domains / templates. I have exhausted my knowledge... any help?

here is the link:
http://brandisdungeon.com/

Thanks for the help!

[boogyman]

your use of the extra <span> tag within your <li> tag is preventing the styles from working properly.

delete all of your <span> tags within the list items and the display inline will be solved.

you than need to change your CSS file to accommodate for the removal of that, and what you can do is just get rid of li a span and just place that in li because the styles you apply to that will be inherited by the text within. and rather then typing out 2 sets of font / padding / etcetc styles if you would prefer to have them the same use the convention



#tabs li, #tabs li a {
selector: property;
}

and both the regular text, and the anchor tag within the list will display the same way.

on a side note I would suggest that you forget about tabular layout and if possible redesign your site to use CSS Layering exclusively. It will decrease your file page size dramatically, and your processing speeds will increase as well as you have less code to sift through.

[jscheuer1]

#tabs li, #tabs li a {
selector: property;
}


Er, actually the #tabs li, #tabs li a in the above is the selector. To use the correct terminology, it would be:



#tabs li, #tabs li a {
property: value;
}

[boogyman]

D'Ohhhhhhhh, thanks for the brain fart correction.