My navbar doesn't line up in IE how can I fix without Javascript?

Question

My navbar doesn't line up in IE... how can I fix this without using Javascript...

http://opentech.durhamcollege.ca/~intn2201/brittains/labs/index2.php

Also it has to be able to work on all resolutions.

And it has to validate in strict.

Answer 1

Put all the buttons inside a div, instead of using position relative on each button.

Then each button should be next to each other.

Answer 2

Put all the buttons inside one div.

You have:

<div id="navbar">
<form class="navbarForm1" method="get" action="index2.php">
  <div><input type="submit" value="Home" /></div>
</form>

Remove the nested divs. And also you're missing a closing div after your last form close.

    <div id="navbar">
        <form class="navbarForm1" method="get" action="index2.php">
          <input type="submit" value="Home" />
        </form>
<form class="navbarForm2" method="get" action="lab1noscript.php">
  <input type="submit" value="Lab1" />
</form>

    </div>

Answer 3

You don't need to put absolute position to every single button, just position:aboslute to the parent element (navbar) and for the forms (no need of a separate style for every form) just put float:left