asked on

Spry Menu Horizontal - Not working in IE8

http://www.unsignedindustry.com/index2.cfm

Please view this in Firefox and then in Internet Explorer. I can't figure out why the display is messed up.

I think it has something to do with the top DIV tag, but don't know what to do to fix it.

invsman249

hmm in ie the list items <li> are appearing outside of the div for some reason, this is making it loose its styles.

Your css doesn't look right to me but i could be wrong because i've never used spry menu try this instead

<ul id="MenuBar">
  <li><a href="/index.cfm">home</a></li>
  <li><a href="/body.cfm?lvl1=aboutu&lvl2=radios">about us</a>
    <ul>
	<li><a href="/body.cfm?lvl1=aboutu&lvl2=radios">radio show</a></li>
        <li><a href="/body.cfm?lvl1=aboutu&lvl2=histor">history</a></li>
    </ul>
  </li>
  <li><a href="/body.cfm?lvl1=artist&lvl2=">artists</a></li>
  <li><a href="/body.cfm?lvl1=submis&lvl2=">submissions</a></li>
  <li><a href="/body.cfm?lvl1=blogge&lvl2=">blog</a></li>
  <li><a href="/body.cfm?lvl1=review&lvl2=">reviews</a></li>
  <li><a href="/body.cfm?lvl1=sponso&lvl2=">partners</a></li>
  <li><a href="/body.cfm?lvl1=musicp&lvl2=">music</a></li>
  <li><a href="/body.cfm?lvl1=contac&lvl2=">contact</a></li>
</ul>

Open in new window

day6

ASKER

@invsman249 - This suggestion did nothing. What DIV is it appearing outside of since it's not enclosed in a DIV on this sample page. It's just by itself.

ASKER CERTIFIED SOLUTION

invsman249

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

day6

ASKER

http://www.unsignedindustry.com/index3.cfm

This is your first suggestion. It doesn't pay attention to any of my menu rules... just creates a stand UL.

I have "no" idea how to debug Java. But I see how the IE developer tools shows the menu breaking up... but I have no idea why.

I use the EXACT same menu on another site here:

http://www.superiorsample.com/

It's identical, but different css for colors of text and hovers.

day6

ASKER

Your point about too many closing </li> was right. It is fixed now. I use a dynamic script in coldfusion to create the menu dynamically and my code had an extra </li> tag where it shouldn't have.

day6

ASKER

too many closing tags was the right answer

invsman249

nice one! glad i managed to help :)