Internet Explorer

[irene]

folgende Seite: http://splitboarders.ch/neu

Mittlerweile sieht sie im Firefox recht passabel aus, allerdings "hängt" die Navigation im Internet Explorer ganz rechts und der Fuss ist mitten in der Seite und nicht ganz am unteren Rand wo er eigentlich sein sollte. (Test mit Adobe Browserlabs)...

es handelt sich hierbei um eine umsetzung mit wordpress. daher findet sich die navigation im header.php. hier der code (navigation = <ul id="nav">):

<div id="page" class="clearfix">

<div id="header">
<div id="logo"><a href="http://splitboarders.ch/"><img src="wp-content/themes/sparkler/img/logo.png" border="0" /></a></div>
<div id="flickr_text"><img src="wp-content/themes/sparkler/img/flickr_text.png" /></div>
<div id="flickr"><a href="http://flickr.com/groups/splitboarders" target="_blank"><img src="wp-content/themes/sparkler/img/flickr.png""</a></div>

<ul id="nav">
<li class="page_item current_page_item" id="first"><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&depth=2&sort_co lumn=menu_order'); ?>
</ul>

</div>

hier das dazugehörige css:

#page {
width:1000px;
margin: 0 auto;
text-align:left;
}

#header {
width:993px;
height:442px;
background-image:url(img/header.png);
background-repeat:no-repeat;
margin:0 auto;
}

#nav {
background-image:url("img/navigationsbalken.png");
background-repeat:no-repeat;
height:35px;
width:1000px;
float:left;
margin-bottom:30px;
}

#nav, #nav ul {
margin-top:60px;
list-style:none;
height:35px;
width: 1020px;
padding-left:19px;
float:left;
}

#nav a, #nav a:hover {
display: block;
background: url(img/bg-menu-a.gif) no-repeat right top;
text-decoration: none;
border: none;
text-shadow:0 1px 0 #000;
}

#nav li {
float: left;
list-style: none;
}

#nav li:hover {
float: left;
list-style: none;
background-color:#003366;
}

#nav a, #nav a:visited {
display: block;
color: #fff;
font-size:1.2em;
padding: 9px 20px 12px;
}

#nav a:hover, #nav a:active, .current_page_item a, #home .on {
text-decoration: none;
}