Code:

body
{ background-image: url(../Images/Background/Header.gif);
  background-repeat: repeat-x;
  background-color: #2F3336;
  margin-top: 0px; }

.main
{ margin: 0 auto 0 auto;
  width: 900px; }

.header-empty
{ float: left;
  height: 77px;
  width: 25px; }

.header
{ background-image: url(../Images/Logo/Logo_header.gif);
  float: left;
  height: 77px;
  width: 161px; }

.navigation
{ float: left;
  height: 77px;
  width: 689px; }

In Google Chrome staat mijn header-empty, header & navigation een deel van de bovenkant en in Internet Explorer precies tot de bovenkant.. wat doe ik fout?

Voorbeeld waar je dit probleem kan zien: http://www.devual.nl/BETA/Pages/Home/Index.php

De verschillende browsers hebben veel verschillende standaarden, ook in de body/html, zelf denk ik dat het probleem is dat je body geen padding:0; heeft.
Hetgeen wat ik altijd gebruik is * ( margin:0; padding:0; ), zo worden de meeste browsercrossfouten eruit gehaald.

Mvg,
S. Zanders

* {margin: 0px;padding: 0px;}

voeg deze code toe aan je css

//edit, srry was al gepost