Footer/Header unterschiedlich positioniert IE-Firefox

Hallo,
habe ein Problem, im IE sind der Header und der Footer unterschiedlich zum Firefox positioniert. Leider weiß ich derzeit die Lösung nicht. Im Anhang schicke ich zwei Beispielbilder, wobei das IE Prob wirklich nicht auf Anhieb zu erkennen ist.
Hier ist auch der betreffende Code aus der css. Vielleicht kann jemand mir beim optmieren helfen.
Header-Navigation

#hnav {
 width: 550px;
 margin: 30px auto;
 height: 60px;
 background-color: #ffffff;
 margin-left: 525px;
 
}

Footer:

#footer {
 margin: 10px auto;
 width: 550px;
 font-size: .8em;
 background-color: #ffffff;
 margin-right: 525px; 
}

Vielen Dank schon mal für die evtl. Hilfe...

Gibt es da keine elegantere Lösung ?
Wenn nicht, wie muss das genau aussehen ???

Es handelt sich um den IE8, leider, gilt da dasselbe ?

Sorry, aber es funktioniert leider nicht.
Was mache ich nur verkehrt ?
Irgendwie habe ich den Eindruck es sollte auch anders funktionieren, vielleicht durch eine Änderung im css...

Habe folgenden Code in den Head-Bereich eingefügt:

<!--[if IE]>
<style type="text/css">
#footer {
 margin: 10px auto;
 width: 550px;
 font-size: .8em;
 background-color: #ffffff;
 margin-right: 527px; 
}
</style>
<![endif]-->

Dennoch funktioniert es nicht...