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

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

http://opente开发者_StackOverflow中文版ch.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.

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

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

Then each button should be next to each other.

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>