margin beeinflusst width im IE

[Henry]

Hallo,
ich versuche gerade ein schönes CSS-basiertes Layout zu entwerfen, werde dabei immer wieder von unterschiedlichen Darstellungen in verschiedenen Browsern gestört... bisher konnte ich alles Lösen, doch nun komme ich nicht weiter.
Ich möchte ein Bild der ID "logo" gerne in der Mitte des Bildschirms anzeigen und es soll die Breite von 40% des Bildschirms haben:

  
#logo {  
clear : both;  
overflow : hidden;  
margin : 0 30% 0 30%;  
width : 40%;  
border-style : none;  
}  

In Firefox und Co klappt das super, aber im Internetexplorer wird das Bild immer kleiner, je größer der Außenabstand wird. Bei margin : 0; stimmt die Breite, doch bei 30% sind es höchstens noch 20%.
Ich hoffe jemand kann mir weiterhelfen.