Hallo erstmal,
ich habe ein Problem: Die Seite wird im Firefox und Opera korrekt angezeigt, im IE aber wird der Menu-div-Container von 39px Höhe auf 107px also das 3fache gezogen.
Warum?

Hier die Seite
Hier der CSS Code:
[code:1] /* WERTE FÜR ALLES */
body {
font-family:Verdana;
font-size:10px;
color:#e1e1e1;
background-color:#7a7a7a;
text-align:center;
margin:0px;
text-decoration: none;
}

/*DIE BOX DER GESAMTEN SEITE */
#box {
margin:0px auto;
padding:0px;
width:636px;
height:670px;
border:1px;
}

/* DER HEADER */
#logo {
background-image: url(logo.jpg);
background-repeat:no-repeat;
padding:0px;
margin:0px;
border:0px solid #000000;
float:top;
width:638px;
height:220px;
}

/* TITLEBAR */
#titlebar {
padding:0px;
margin:0px;
border-right:1px solid #000000;
border-left:1px solid #000000;
float:top;
width:636px;
height:12px;
background-color:#e1e1e1;
}

/* MENU PUNKTE */
#menu {
padding:0px;
margin:0px;
border-left:0px solid #000000;
border-right:0px solid #000000;
float:top;
width:638px;
height:39px !important;
background-image:url(menu.jpg);
background-repeat:no-repeat;
}

#links {
padding:0px;
margin:0px;
border-left:0px solid #000000;
width:68px;
height:33px;
float:left;
}

.button {
text-decoration: none;
line-height: 51px;
padding:0px;
margin:0px;
border:0px solid #000000;
width:100px;
height:32px;
float:left;
text-align: right;
}

a.url, a.url:link, a.url:visited, a.url:active {
color: #e1e1e1;
text-decoration: none;
}

a.url:hover {color: #80ba4d;}

#home {
width:101px;
height:32px;
}

.link_position {
position: relative;
right:5px;
}

#rechts {
padding:0px;
margin:0px;
border-right:0px;
width:69px;
height:33px;
float:right;
}
/* FREIRAUM */
#space {
padding:0px;
margin:0px;
border-left:1px solid #000000;
border-right:1px solid #000000;
background-color:#e1e1e1;
width:636px;
height:13px;
float:top;
}
/* CONTENT BERREICH */
#content {
padding-left:5px;
padding-right:5px;
margin:0px;
border-left:1px solid #000000;
border-right:1px solid #000000;
width:626px;
height:371px;
color:#000000;
background-color:#e1e1e1;
float:top;
text-align: justify;
}

/* FOOTER */
#footer {
padding:0px;
margin:0px;
border:1px solid #000000;
width:636px;
height:12px;
color:#000000;
background-color:#e1e1e1;
text-align: right;
line-height:10px;
}
/* IMPRESSUM */
.impressum, .impressum:link, .impressum:visited, .impressum:active {
color: #6A6A6A;
text-align: left;
text-decoration: none;
position: relative;
right:342px;
}

.impressum, .impressum:hover {
color: #000000;
}
/* BILDBOX */
#img_box {
padding:0px;
margin-left:5px;
background-image: url(img_box.jpg);
width:212px;
height:122px;
float:right;
position:relative; left:6px;
}

/* BILD */
#img {
padding:0px;
margin-top:10px;
width:202px;
height:102px;
float:right;
background-color:#e1e1e1;
background-image: url(img.jpg);
}[/code:1]

Außerdem funktioniert im IE der Hovereffekt nicht.
Für Code Verbesserungen und Optimierung wäre ich sehr erfreut, bin da aber noch nicht so gelehrt, also bitte dem entsprechend für Doofe ausdrücken, danke.

also, wenn ich "auto" rausnehme ist die Seite nichtmehr mittig.
Es verändert sich auch überhaupt nix mit oder ohne "px" - Einheit.
komischer Weise verändert sich nur der untere graue Rand im Opera von einem maximalwert von 675px bis irgendwas um 660px verschwindet der dunkelgraue Rand unter der Seite.
Hab die Angabe auch mal auf 0px gesetzt, nix passiert.

Das menu.jpg ist 638x39px groß.

Das href="" -Tag ist ja schon in dem <a>- (Link-) Tag, die Reihenfolge zwischen class oder href ist egal und wirkt sich auch nicht aus.

das mit dem .url funktioniert nicht.
[code:1].button {
text-decoration: none;
line-height: 51px;
padding:0px;
margin:0px;
border:0px solid #000000;
width:100px;
height:32px;
float:left;
text-align: right;
}

.url, .url:link, .url:visited, .url:active {
color: #e1e1e1;
text-decoration: none;
}
[/code:1]

habe es so geändert, bringt aber keine Veränderung mit sich.
Wie auch das

[code:1]#menu {
padding:0px;
margin:0px;
border-left:0px solid #000000;
border-right:0px solid #000000;
float:top;
width:638px;
height:39px !important;
background-image:url(menu.jpg);
background-repeat:no-repeat;
}
[/code:1]

trotzdem Danke, werde morgen nochmal schauen woran es liegen könnte.

das .url:hover ist schon lange drin, hab es im vorherigen Post nur nicht aufgezählt, weil ich es nicht geändert habe, es ist genau darunter zu finden im ganzen CSS Code.

Die Seite, die du mir angegeben hast ist totaler Quatsch, es gibt unvollständige Tags an, die vollkommen in Ordnung sind, und erkennt nichtmal das Commentzeichen.
Mehr kann es mir aber zu meinem Problem nicht sagen.

Und es hat nichts mit #space zu tun, sondern mit #menu.
Wenn ich darum eine Border 1px solid #000000 ziehe, erscheint ein Kasten um die Navi und die Lücke, es ist also das Menu, aber ich habe ja die Höhe angegeben, funktioniert aber nicht.

habe jetzt den HTML und css Code überarbeitet, problem besteht aber weiterhin. hab vergessen das mit dem .url:hover oben zu updaten

Jetzt habe ich auch noch die beiden letzten Button im IE zum Hovern bekommen, aber wie krieg ich alle dazu?