Mellemrum mellem bokse

Hejsa!
Jeg er ved at lave nogle radikale ændringer i designet på en hjemmeside. Istedet for frames har jeg kastet mig over css. Men jeg er ret ny i faget, så jeg mangler lige lidt hjælp her.

Hvis I kigger her:

http://home19.inet.tele.dk/hudpleje/hudplejen/

Kan I se at der er nogle mærkelige mellemrum som jeg ikke har defineret nogen steder. Jeg har søgt rundt omkring uden at finde en løsning på problemet. Jeg har fjernet linieskift inde i koden, hvilket ikke hjalp.

Mit stylesheet ser således ud (og lad nu være med at grine *GG*):

body {
    background-image: url("baggrund.gif");
    margin: 85px 0px 0px 0px;
}
h1 {
    font: normal bold 200% arial, verdana, sans-serif;
    color: #800080;
    padding; 5px 1px 5px 0px;
}
h2 {
    font: normal bold 150% arial, verdana, sans-serif;
    color: #800080;
    padding; 5px 1px 5px 0px;
}
h3 {
    font: normal bold 100% arial, verdana, sans-serif;
    color: #800080;
    padding; 5px 1px 5px 0px;
}
p {
    font: normal normal 100% arial, verdana, sans-serif;
    color: #000000;
    text-align: justify;
    padding; 0px 0px 0px 0px;
}
#hj1 {
    float: left;
    top: 150px;
    left: 20px;
    width: 100px;
    height: 100px;
    background-image: url("ramme_hj1.gif");
}
#topbue {
    float: left;
    top: 150px;
    width: 227px;
    height: 100px;
    background-image: url("ramme_bue1.gif");
}
#toplogo {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 150px;
    width: 10px;
}
#topmidt {
    top: 150px;
    height: 100px;
    width: 100%;
    background-image: url("ramme_op.gif");
}
#hj2 {
    float: right;
    top: 150px;
    width: 100px;
    height: 100px;
    background-image: url("ramme_hj2.gif");
}
#venstre {
    float: left;
    top: 250;
    left: 20;
    width: 100px;
    height: 400px;
    background-image: url("ramme_v.gif");
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}
#tekst {
    top: 10px;
    left: 120px;
    width: 98%;
    height: 400px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
}
#hoejre {
    float: right;
    top: 250;
    right: 20;
    width: 100px;
    height: 400px;
    background-image: url("ramme_h.gif");
}
#hj3 {
    float: right;
    bottom: 50px;
    right: 20px;
    width: 100px;
    height: 100px;
    background-image: url("ramme_hj3.gif");
}
#hj4 {
    float: left;
    bottom: 50px;
    left: 20px;
    width: 100px;
    height: 100px;
    background-image: url("ramme_hj4.gif");
}
#bundmidt {
    top: 150px;
    height: 100px;
    width: 100%;
    background-image: url("ramme_ned.gif");
}