Blir konstig i IE

Hej,

Jag har en till fråga som jag inte fattar hur jag ska åtgärda.

Hemsidan är http://www.intime.nu/New site/se/index.htm

Som ni ser så ser allt bra ut i FF, men när man tittar på det med IE så ser man att det finns ett mellanrum navigeringsfältet och översta raden med bilder.

Det blev så efter att jag lagt länkar till bilderna. Vad kan vara felet?

CSS koden ser ut såhär

#wrap
{
	width: 970px;
	padding: 0px 0px 0px 0px;
	margin: 10px auto;
	position: relative;
	background-color:#fff;
}

#header
{
	height: 117px;
}

#logo
{
	margin-top: 25px;
	background: transparent url("Images/logo.gif")  no-repeat;
	width: 120px;
	height: 96px;
	float:left;
}

#flags
{
	
	float:left;
	margin: 40px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

#flags ul{ padding: 0px; margin:0px; list-style-type: none;  }
#flags ul li{ margin: 0px; clear:both; }
#flags ul li img{ border: none; }

#trialyear
{
	 margin-left: 30px;
	 float:left;
}
#trialyear a{
 display: block;
 background: transparent url("Images/trialyear.gif")  no-repeat;
 width: 280px;
 height: 117px;
}
#messenger
{
	margin-left: 160px;
	margin-top: 30px;	
	float:left;
}
#messenger a{
	display: block;
	background: transparent url("Images/logon_m.gif")  no-repeat;
	width: 146px; 
	height:80px;
}
#assistant
{
	margin-top: 30px;
	margin-left: 15px;
	float:left;
	
}
#assistant a{
	display: block;
	width: 146px; 
	height:80px; 
	background: transparent url("Images/logon_a.gif")  no-repeat;
}
#nav
{
	margin-top: 0px;
	height: 25px;	
	border-bottom: 0px solid #666;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	background-image: url(Images/nav.gif);
	font-size: 80%;
	float:none;
}
#nav ul{ padding: 4px 4px 4px 4px; color: #fff; list-style-type: disc; }
#nav ul li{ float: left; margin-right: 35px; margin-left: 15px; }
#nav a:link,#nav a:visited { font-weight: bold; color: #fff; text-decoration: none;}
#nav a:hover {  }