ul navigation not viewing correctly in ie…?

Hey,

I am sure this is probably a quick fix for someone a little more versed in web than me, but I am having some problems… If someone could point me in the right direction that would be great. Anyway if you take a look at this site I am working on in explorer the navigation does not view correctly. https://albright.glazefolio.com

here is the css for my navigation

/* navigation */
#nav {float: left; position: relative; display: block; width: 100%; list-style: none; margin: 3px 0 0 0; padding: 0 0 0px 0; background: #333  url(images/underline.png) bottom repeat-x;}
#nav li {float: left; position: relative; display: inline;}
#nav li a {float: left; position: relative; display: inline; padding: 8px 10px; z-index: 100;}
#nav li ul {display: none; position: absolute; left: -3px; padding: 3.45em 0 0 0; z-index: 90; margin: 0;}
#nav li ul li {display: block; padding: 0 3px 1px 3px;}
#nav li ul li.lastchild {padding-bottom: 3px;}
#nav li ul li a {background: #3a709c; color: #3a4032; display: block; width: 17em; padding: 2px 10px; font-weight: normal;}
#nav li ul li a:hover {border-left: 3px solid #0f0f0f; color: #0f0f0f; padding-left: 7px;}
#nav li:hover ul {display: block;}

I also set up the navigation in my header like this…

<ul id="nav">

<li><a>">Home</a></li>
<ul>
<li><a href="https://albright.glazefolio.com/gallery">Gallery</a>
<ul>
<li><a href="https://albright.glazefolio.com/fishing">Fishing</a></li>
<li><a href="https://albright.glazefolio.com/hunting">Hunting</a></li>
</ul>
</li>
<li><a href="https://albright.glazefolio.com/tournament-fishing">Tournament Fishing</a>
  </li>
</ul>
<ul>
<li><a href="https://albright.glazefolio.com/gallery">Guide Service</a>
<ul>
<li><a href="https://albright.glazefolio.com/fishing">subitem1</a></li>
<li><a href="https://albright.glazefolio.com/hunting">subitem2</a></li>
</ul>
</li>
<li><a href="https://albright.glazefolio.com/articles">Articles</a></li>
<li><a href="https://albright.glazefolio.com/sponsors">Sponsors</a></li>
<li><a href="https://albright.glazefolio.com/contact">Contact</a></li>
</ul>
<ul>
<li><a href="https://albright.glazefolio.com/promotions">Promotions</a>
<ul>
<li><a href="https://albright.glazefolio.com/resume">Resume</a></li>
<li><a href="https://albright.glazefolio.com/seminars">Seminars</a></li>
<li><a href="https://albright.glazefolio.com/power-point">Power Point</a></li>
</ul>
</li>
</ul>
        </div>

Please let me know how to make this work…
Thanks!