Angabe bei height im IE

[Nina]

Rehi,

Auf auf, zum nächsten Problem :).

Und da isses schon:
Wenn man die Seite mit einem größeren Bildschirm öffnet (bei mir 1024 x 768, einwandfreie Darstellung), verschieben sich "rechts" und "footer" nach unten.

So sieht meine CSS Datei jetzt aus:

html
{
padding:0px;
margin:0px;
height: 100%; }

body
{
background-color: #FFFFFF;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
height: 100%;
}

#header
{
width: 100%;
height: 11%;
padding-top:10px;
padding-bottom:10px;
vertical-align:middle;
background-image: url('./images/hintergrund7.jpg');
background-position: bottom;
}

#navigation
 {
float:left;
left: 0px;
width: 15%;
margin: 0px;
padding: 0px;
height: 79%;
background-image: url('./images/hintergrund7.1.jpg');
background-position: center;
 }

#right
 {
float: right;
right: 0px;
width: 15%;
margin: 0px;
padding: 0px;
height: 79%;
background-image: url('./images/hintergrund7.1.jpg');
background-position: center;
 }

#inhalt
 {
float:left;
margin: 0px;
border-left: 0px;
border-right: 0px;
padding: 0px;
background-color: #ffffff;
width:70%;
height: 79%;
background-image:url(./images/back.jpg);
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
 }

#footer
{
clear:both;
width:100%;
height: 6%;
background-image: url('./images/hintergrund6.jpg');
background-position: top;
}

#imgheader
{
display: block;
margin-left: auto;
margin-right: auto;

}

Woran kann das liegen ?

Lässt sich das irgendwie beheben ?
LG,
Nina