Why the nav is falling below the header in IE is just about math. You have an #imgheader of 623 pixels and your nav is 155 px wide. Plus add in margins, you just don't fit into that area. If you reduce the nav by 5 pixels or the header by 5 pixels it will fit in nicely.

As far as the lists not following the block format, it's probably because you have divs inside the lists.

Lists should look like this:

Code: Select all

<div id="NavBar"> 
      <ul>
        <li><a href="Welcome.html">Home</a></li>        
        <li><div align="left"><a href="Stretches.html">Stretches</a></li>
        <li><a href="Exercises.html">Exercises</a></li>
        <li><a href="Equipment.html">Equipment</a> </li>
        
      </ul>
    </div>

All the styling should be in the css. Once you sort that, I think the longer links will align.