User#221: CSS position: absolute als externe Datei einbinden

Beitrag lesen

Liebe CSS-Fachleute,

ich habe das Problem mit dem Einbinden der position: absolute, die für meine Divs, die in mehreren HTML-Dateien mit der gleichen Gestaltung erscheinen. Seit einigen Tagen stöbere im Forum und in der Suche herum, und kann leider nichts finden.
Hier einen Ausschnitt vom HEAD:

<style type="text/css">
<!--
#Titel {
position:absolute;
left:1px;
top:0px;
width:1280px;
height:91px;
z-index:1;
background-image: url("images/il_home1_Logoleiste.gif");
background-repeat:no-repeat;
}
#Menues {
position:absolute;
left:30px;
top:430px;
width:170px;
height:240px;
z-index:4;
}
#Inhalt {
position:absolute;
left:16px;
top:102px;
width:1265px;
height:290px;
z-index:2;
background-image: url(images/villen.jpg);
background-repeat:no-repeat;
}
</style>

Diese "#" im HEAD wirken sich, wie üblich auf die gleichbenannte DIVs im BODY aus.
Bereits habe ich die CSS-Eigenschaften als CSS-Datei exportiert(mit "link rel=...", dabei habe ich die "#"mit dem Klasse-Zeichen"." ersetzt. Dann habe ich diese CSS-Eigenschaften in HEAD gelöscht. Das Ergebnis:
Die CSS-Eigenschaften wirken, aber die Positionen stürzen ein(collapse) und einige Hintergrundgrafiken werden nicht angezeigt.
Als CSS-Anfänger hoffe ich, dass mir jemand helfen kann, da dieses Problem, sehr prosaisch aussieht.
Herzlichen Dank!
Bran