I recommend getting your HTML valid before going on. Firefox can be pretty forgiving when it comes to misplacing tags and not closing elements, but IE requires you to be really careful with your coding.
http://validator.w3.org/
Personally, I think the problem is being caused by the following code:
Code:
</head>
<div id="container">
<a href="http://www.usfirst.org" target="_blank"> <img src="http://www.iolani.honolulu.hi.us/robotics/newweb/allimg/home/first_logo_1.jpg" border="0" width="10%" height="10%"></a>
<a href="http://www.comcast.com" target="_blank"> <img src="http://gothampr.files.wordpress.com/2009/12/comcast_logo.jpg" border="0" width="15%" height="10%" align="right" image-align="top"></a>
<a href="http://www.etcusa.com" target="_blank" > <img src="http://etcusa.com/img/logo.gif" border="0" width="20%" height="10%" align="right"></a>
<style type="text/css">
<!--
#navbar ul {
margin: 0;
padding: 5px;
list-style-type: none;
text-align: center;
background-color: #000;
}
#navbar ul li {
display: inline;
}
#navbar ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000;
}
#navbar ul li a:hover {
color: #000;
background-color: #fff;
}
-->
</style>
</head>
<div id="body">
<body>
You enclose your links and your styles between two </head> tags. Get rid of the first </head> tag, and hopefully you'll be on the right track. You also include a <div> element outside of the <body> tags, which is probably also why IE is giving you grief. Just be careful to keep your code valid and your troubles with cross-browser compatibility should be somewhat lessened
.