I am using a XHTML/CSS technique for building my main nav menu. It works fine in all of my templates.
It is only breaking in my forum.
It is only broken in IE6 within the forum - and works in IE6 elsewhere on my site.
The menu looks like this in working conditions (IE7, FF, Opera etc..) :
http://seejeffrun.ca/eengine/index.php/oldcreel/community/
I have tried removing the:
{include:javascript}
from the global Header Page. No dice. I am aware of some IE6 specific JS stuff that will break this menu - so I thought to check that avenue.
I also removed the additional information from the <body> tag.
No dice.
I went through and compared all of my styles in a main page to the source output when I go to the Forums page in IE6 where it breaks. Both appear to be identical.
http://www.shorelineconsulting.ca/pix/OCBrokenMenu.jpg
- is what it looks like broken.
I notice that the forum just crams the CSS in to the code. I don’t think this should cause a problem, but it does enlarge the file tremendously.
This is the last gotcha I have with presentation of this site. I had posted something about this before and no one answered/ I couldn’t find the original posting.
I build the menu using this code:
<ul>
<li id="tProducts"><a href="http://../oldcreel/products/">Our Products</a></li>
<li id="tCommunity"><a href="http://../oldcreel/community/">Community</a></li>
<li id="tLearn"><a href="http://../oldcreel/learn/">Learn</a></li>
<li id="tBlog"><a href="http://../oldcreel/blog/">Blog</a></li>
<li id="tEvents"><a href="http://../oldcreel/events/">Events</a></li>
<li id="tAbout"><a href="http://../oldcreel/aboutUs/">About Us</a></li>
</ul>Where
#tAbout =
#tAbout a {
width: 89px;
background: url(/eengine/images/octemplate/about_butt.jpg) top left no-repeat;
}And this looks fine in IE7, FF, Opera etc…
This is more than frustrating to say the least.
Any help appreciated.