Thema: Menü verschiebt sich mit IE

Hi,
ich benutze ein fertiges Template von Siteground. Dieses hab ich etwas abgeändert oben. Da habe ich nun links zuerst das Logo, auf der gleichen Zeile(!) das obere Menü
und etwas unter dem Logo kommt ein zweites oberes Menü. Es funktioniert einwandfrei für Mozilla Firefox und Google Chrome, nur stellt der Internet Exlorer 7/8 das obere Menü nicht neben dem Logo, sondern unter dem Logo dar (Vergleiche Screenshots).

Wenn ich allerdings im IE "Kompabilitätsmodus" einstelle, wird es hier auch richtig angezeigt.

Wie soll ich nun am besten vorgehen?
Ich weiß die CSS ist sehr groß, aber die Schlüsselwörter, header und logo müssten eigentlich reichen... ich hoffe auf eure Hilfe

Hier mal ein Auszug...ich kann nicht alles posten...

Code:

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #666666;
	background: #fff;
}

body.contentpane {
	background: #fff;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

p {
	margin: 5px 0;
	text-align: justify;
}

a {
	color: #999;
	outline: none;
	text-decoration: none;
	font-weight: 400;
}

a:link {
	font-weight: 400;
}

a:visited {
	font-weight: 400;
	color: #999;
}

a:hover {
	text-decoration: underline;
	/*color: #59A43F;*/
	font-weight: 400;
}

input  {
	color: #ccc;
	outline: none;
	margin: 0;
}

input:focus {
	outline: none;
}

button {
	color: #fff;
	font-size: 11px;
	border: none;
	background: #696969;
	cursor: pointer;
}


#modlgn_remember.inputbox  {
	background: none;
	border: none;
	width: auto;
	vertical-align:middle;
}

input.button, .validate  {
	color: #fff;
	font-size: 11px;
	cursor: pointer;
	font-weight: 700;
	border: none;
	height:20px;
	line-height:19px;
	padding: 2px 4px 4px;
	margin:6px 0 0 0;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
	background: #fff url(../images/page_bg.png) repeat-x top left;
}

#wrapper {
	margin:0 auto;
	width:980px;
}

#holder {
	width:980px;
	margin:0 auto;
}

#header {
	position:relative;
	margin:0 auto;
	padding:24px 22px 43px 22px;
	height:223px;
	width:936px;
	background: transparent url(../images/headerimg.jpg) no-repeat top center;
}

#pillmenu {
    
	font-size: 16px;
	height:28px;
	width:956px;
	padding:23px 12px;
	margin:0 0 16px 0;
	/*background: transparent url(../images/t_menu_bg.png) no-repeat top center;*/
}

#pillmenu ul {
	overflow: hidden;
	padding:0;
	margin:0;
	height:28px;
	list-style: none;
}

#pillmenu li {
	float: left;
}

#pillmenu li a {
	float:left;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	height:28px;
	line-height:27px;
	padding: 0 12px;
	margin:0;
	cursor:pointer;
	background: transparent url(../images/t_menu_divider.png) no-repeat top right;
}

#pillmenu li a:hover, #pillmenu li a#active_menu-nav {
	color:#59A43F;
	background: transparent url(../images/t_menu_hover.png) no-repeat top right;
}


.logo {
	float:left;
	width:350px;
	height:70px;
	padding:4px 0 0 22px;
	margin:0 0 4px 0;
	overflow:hidden;
	background: transparent url(../images/EP_Laeuft.png) no-repeat center left;
}

.logo table {
	overflow:hidden;
	width:350px;
	height:48px;
}

.logo table td{
	margin:0;
	padding:0;
	vertical-align:middle;
}

.logo h1 {
	text-align:left;
	color:#fff;
	line-height:normal;
	margin:0;
	text-transform:uppercase;
}

.logo a, .logo a:link, .logo a:visited  {
	color:#fff;
	font-size:20px;
	font-weight:700;
	text-decoration:none;
}

.logo a:hover {
	text-decoration:none;
	font-weight:700;
}

.newsflash {
	height:123px;
	width:600px;
	padding:50px 42px;
	text-align:justify;
	background: transparent url(../images/news_bg.png) no-repeat top left;
	overflow:hidden;
}

.newsflash h3 {
	width:600px;
	height:17px;
	color:#fff;
	overflow:hidden;
	line-height:17px;
	margin:0 0 27px 0;
	padding:4px;
	text-align:left;
	background: transparent url(../images/news_h3_bg.png) no-repeat bottom left;
}

.newsflash table tr td {
	color:#CCCCCC;
	height:78px;
	text-align:justify;
}

.newsflash  a {
	color:#CCCCCC;
	font-weight:700;
	text-decoration:none;
}

.newsflash div.module  {
	background:none;
	width:600px;
	height:118px;
	margin:0 auto;
	overflow:hidden;
}

.newsflash div.module div  {
	background:none;
	padding:0;
}

.newsflash table.contentpaneopen {
	margin:0;
}

.newsflash div.module_menu div div div, .newsflash div.module div div div, .newsflash  div.module_text div div div {
	margin:0;
	padding:0;
}

.cpathway {
	position:absolute;
	bottom:0;
	left:12px;
	height:20px;
	line-height:19px;
	width:952px;
	overflow:hidden;
}

.cpathway img {
	float:left;
	padding:6px 6px 0 0;
}

span.breadcrumbs.pathway {
	float:left;
	padding:0;
	color:#6f5dca;
	margin:0;
}

span.breadcrumbs.pathway a.pathway  {
	float:left;
	margin:0;
	padding:0 6px 0 0;
	color: #2b2b2b;
	font-weight:400;
	text-decoration: none;
}

span.breadcrumbs.pathway a.pathway:hover {
	text-decoration: underline;
}

#search {
	float:right;
	padding:10px 0 0 0;
}

.search {
	float:right;
	height:32px;
	padding:0 0 0 10px;
	background:transparent url(../images/inputbox.png) no-repeat top right;
}

.search .inputbox {
	float:right;
	border: none;
	font-size:11px;
	color: #BBBBBB;
	line-height:14px;
	height:14px;
	width:210px;
	padding:8px 6px 9px 2px;
	margin:0;
	background:none;
}

.search .button {
	float:right;
	margin:0;
	padding:0;
	border:none;
	text-indent:-9999px;
	height:32px;
	width:36px;
	background:transparent url(../images/search_but.png) no-repeat top left;
}

.search .button:hover {
	color:#e54d30;
}

Hat es irgendetwas mit dem float:left zu tun im pillmenu ?