Strona na DIV-ach Opcje

[grzegorz-gg]

Witam!
Właśnie zacząłem pisać nowy szablon swojej strona który chcemy zrobić na DIV-ach.
Napotkałem problem z wyświetleniem strony w Firefox i IE.
Szczególnie chodzi o div "logo" w stylu ustawiłem mu margines od lewej strony na 40px i ustawienie tego DIV-a różni się pomiędzy tymi przeglądarkami.
Chciał bym wiedzieć czemu się tak dzieje czy piksele maja inne wymiary w IE a Firefox i jak można poprawić to?

Poniżej przedstawiam kod HTML prostego div-a z zagnieżdżonymi div-ami

[HTML] pobierz, plaintext 
<div id="header">
<div class="icon"></div>
<div class="logo"></div>
<div class="search"></div>
<div class="kategorie"></div>
<div class="podkategorie"></div>
</div>
[HTML] pobierz, plaintext 

Oraz kod CSS

[HTML] pobierz, plaintext 
#header { width: 990px; height: 155px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:#00FF00; }
 
#header div.icon { float: right; width: 700px; height: 20px; margin: 0px 0px 0px 0px; background:#333333; }
#header div.logo { float: left; width: 700px; height: 55px; margin: 0px 0px 0px 40px; background:#FF0FFF; }
#header div.search { float: right; width: 700px; height: 30px; margin: 0px 0px 0px 0px; background:#FF0FFF; }
#header div.kategorie { float: left; width: 990px; height: 30px; margin: 0px 0px 0px 0px; background:#C60000; }
#header div.podkategorie { float: left; width: 990px; height: 20px; margin: 0px 0px 0px 0px; background:#CCCCFF; }
[HTML] pobierz, plaintext