CSS-Layout, jobbig bugg...

Hej.
Jag håller på med en hemsida och jag har precis kodat layouten i CSS, och det blir bara helt sjukt. Den är ritad och slicad i Paint, och när jag vill att "boxarna" ska förlängas så blir det knas och linjer försvinner etc.

Vore kul om någon orkar kolla på saken och kanske möjligtvis hjälpa mig.
Här finns zip-filen att ladda ner. http://data.fuskbugg.se/skalman01/Habboline-awwentfix.rar

Tack på förhand.
Mvh
Arash

Tycker du ska ladda upp resultatet till en server och ge oss en länk (bäst), eller posta koden (näst bäst) istället. Jag tror de flesta har lärt sig att inte ladda ner och öppna packade filer som man inte vet vad dom innehåller, i synnerhet från en alldeles färsk medlem som man inte har det minsta susning om vem det är.

Okej, laddat upp...

länk:
http://aramoo.brinkster.net/webforum/index.html

css-koden:

body {
}

#container {
width: 843;

}

#logo {
width: 843;
height: 152;
background-image: url(logo.PNG);
}

#marquee {
width: 843;
height: 18;
background-image: url(marquee.PNG);
}

#menu {
width: 843;
height: 20;
background-image: url(menu.PNG);
}

#leftboxtop {
width: 150;
height: 20;
background-image: url(leftboxtop.PNG);
float: left;
}

#leftboxmiddle {
width: 150;
background-image: url(leftboxmiddle.PNG);
repeat-y;
float: left;
}

#leftboxbottom {
width: 150;
height: 8;
background-image: url(leftboxbottom.PNG);
float: left;
}

#contenttop {
width: 533;
height: 20;
background-image: url(contenttop.PNG);
float: left;
}

#contentmiddle {
width: 533;
background-image: url(contentmiddle.PNG);
repeat-y;
float: left;
}

#contentbottom {
width: 533;
height: 7;
background-image: url(contentbottom.PNG);
float: left;
}

#rightboxtop {
width: 150;
height: 20;
background-image: url(rightboxtop.PNG);
float: left;
}

#rightboxmiddle {
width: 150;
background-image: url(rightboxmiddle.PNG);
float: left;
}

#rightboxbottom {
width: 150;
height: 6;
background-image: url(rightboxbottom.PNG);
float: left;
}

#space {
width: 5;
height: 5;
background-image: url(space.PNG);
float: left;
}

I IE; blir det fasansfullt... har jag för mig iaf :P

Jag tittar i Safari/Mac och det ser finemang ut.

Men om jag tar en snabbtitt i koden ser jag att du inte lagt in nån DTD (Doctype Declaration), och det är ofta helt avgörande hur sidan visas i olika läsare: http://en.wikipedia.org/wiki/Document_Type_Definition

Fixa det till att börja med. Kolla sen via https://browsershots.org/ hur sajten ser ut i olika läsare.

Viss hjälp kan du få på https://www.webdesignskolan.com också

Och ta gärna bort fonttaggen....