Problem med layout i 2 forskellige Divs og forskellige browsere...

Hej alle.

Jeg er ved at lave en hjemmeside til et fodboldhold. Er stødt ind i et problem som jeg efterhånden har brugt en del tid på.

I min main div, har jeg 2 divs (leftdiv & rightdiv). Disse indeholder hver en div, der styrer indryk (leftbox & rightbox).

I den ventre box ligger der 3 .swf filer og i den højre box ligger der 3 .jpeg filer.

Jeg har prøvet et utal af løsninger for at få disse elementer til at ligge ensartet på begge sider, men ligemeget hva' jeg har gjort er det ikke lykkedes.

Ligenu ligger .swf filerne til venstre i en table og .jpeg filerne har vspace og hspace attributter...

Alle løsninger (tables, padding, border, vspace/hspace) jeg har afprøvet har set forskellige ud i forskellige browsere.

Designet på siden er bygget op af firkanter på 114 x 130px med 10px mellemrum (9px i højre og venstre kant).

009px  114px  010px ... 010px  114px  009px

Nogen der kan hjælpe mig på vej med en løsning ?

HP: http://www.maskinen2002.dk/temp/

CSS:

body {
    color: #FFFFFF;
    background-color: #000000;
}

#top {
    height: 150px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    border: none;
    position: relative;
    background-color: #ffffff;
    margin-bottom:2px;
}

#menu {
    margin-right: auto;
    margin-left: auto;
    height: 31px;
    width: 1000px;
    position: relative;
    border: none;
    background-color: #ffffff;
    margin-bottom:2px;
   
}

#main {
    height: 430px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    border: none;
    background-color: #ffffff;
    margin-bottom:2px;
}

#leftdiv {
    width: 500px;
    background-color: #ffffff;
    float:left;
}

#leftbox {
    padding-right:5px;
    padding-left:4px;
    padding-bottom:5px;
    padding-top:5px;
}

#rightdiv {
    height: 430px;
    width: 500px;
    float:left;
}

#rightbox {
    padding-right:5px;
    padding-left:0px;
    padding-bottom:5px;
    padding-top:5px;
}

#bottom {
    height: 31px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    border: none;
    text-align: center;
    background-color: #ffffff;
}