I have a simple unordered list nav, it displays an active list item depending on segment_1. Within that unordered list I have another unordered list with a class of 'sub'. For some reason, all list items display as active too in IE7, but not active class is within that list item.

I know its not fully an EE question, but has anyone ever seen this? Code is below:

<ul><li class="program"><a href="/program/" title="Program Overview">Program Overview</a></li>
<li class="tour active"><a href="/tour" title="Take a Tour">Take a Tour</a></li>
<ul class="sub">
    {exp:channel:entries channel="tour" limit="10" disable="categories|custom_fields|member_data|pagination" entry_id="not 41" dynamic="off"}
    <li><a href="{url_title_path=tour}" title="{title}">{title}</a></li>

  • 2
    Your second ul isn't nested correctly. It should be inside the closing li tag of the second li. Try moving it there and see.
    – CreateSean
    Nov 23, 2012 at 21:40
  • Nope, didnt do the trick.
    – Tad Ward
    Nov 23, 2012 at 22:05
  • 2
    Hi Tad, can we see a public sample page with your css? It might help us figure out what's going on in IE Nov 23, 2012 at 22:24
  • What does your CSS rule that styles the .active class look like? Nov 23, 2012 at 23:40

1 Answer 1


This is a CSS issue I think. Try a CSS selector like ul > li.active to make sure it's targeting just the first tier li.

  • yep it was a css issue. i didnt think it was an ee one, but wanted to post.
    – Tad Ward
    Nov 24, 2012 at 1:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.