IE problems: extra space under banner

[benm]

Hi Folks,

I've got a bit of a problem with a site in IE5.5/6. It is giving me a bonus few pixels under the banner.

http://www.smartpath.com.au/indexNew.php

I have set the banner bkgd to red to show it. The elements aren't floated so I don't think it is the 3 pixel jog. I am kind of stumped. Relevant CSS below:

  #container {
 	width: 770px; 
 	margin-left: -375px; 
 	left: 50%; 
 	position: absolute; 
 	top: 25px}
  
  /*  BANNER ELEMENTS  */
  #sitetabs {
 	width: 750px; 
 	height: 35px}
 
  #banner {
 	width: 750px; 
 	height: 200px; 
 	background-color:#FF0000}
 
  #prodBan {
 	position: absolute; 
 	right: 0; 
 	top: 80px; 
 	width: 180px; 
 	z-index: 10; 
 	height: 105px}
 
  /*  search field  */
  #search {
 	position: absolute; 
 	top: 237px; 
 	right: 30px; 
 	z-index: 20; 
 	width: 230px; 
 	text-align: right}
 
 /*  MAIN MENU  */
  #menu {
 	border-top: 1px solid #FFFFFF; 
 	border-bottom: 1px solid #FFFFFF; 
 	width: 750px}
 
  #menu ul {
 	width: 100%; 
 	color: #FFFFFF; 
 	background: url(../images/home/bkgdmenu.gif) repeat #2461AA; 
 	text-transform: uppercase;}
 
 etc

I am also having a problem with the footer, with IE not recognising the padding on li elements. CSS:

  #footer {
 	margin-top: 15px; 
 	height: 22px; 
 	width: 750px}
 
  #footer ul {
 	padding: 1px 0 0 20px; 
 	color: #979A9B;}
 
  #footer li {
 	display: inline; 
 	padding: 3px 10px 3px 0; 
 	text-transform: uppercase; 
 	font: 10px/10px Arial, Helvetica, sans-serif}
 
  #footer li a {
 	color: #979A9B; 
 	text-decoration: none; 
 	padding-top: 3px;}
 
  #footer li a:hover {
 	text-decoration: none; 
 	color: #222729}

Can anyone help?

Thanks
Ben

[benm]

OK I have solved the extra few pixels below the banner (i needed to set the image to display: block) but the footer list padding in the footer still has me stumped...