Unterschiedliche Darstellung trotz identischem CSS

[juliusmk]

Hallo,

knabber seit ner Weile an folgendem Problem:

juliusmk [dot] de [slash] relaunch ist meine zukünftige Webseite. Die linke Spalte ist das Menü, die rechte der Inhalt, in meinem Stylesheet wie folgt beschrieben:

#menu {
float: left;
width: 150px;
padding: 0.1em;
}

#content_menu {
position: relative;
margin: 0;
padding: 1.2em;
min-height: 500px;
}

#inhalt {
margin-left: 150px;
padding: 0.1em;
}

.content_inhalt {
position: relative;
margin: 0;
padding: 1.2em;
min-height: 500px;
}

Wie man also sieht, absolut identisch - bis auf das Float. Wenn ich jetzt den Punkt bei content_inhalt durch eine Raute ersetze (wie es ja bei content_menu der Fall ist), dann zerlegt er mir das Layout, zieht den Inhalt über den Rahmen etc. Warum? Ich versteh es einfach nicht?

Außerdem sind beide contents mit einem min-height: 500px versehen und das Menu weigert sich einfach, es umzusetzen. Warum?

Danke für Eure Hilfe!