DIV indstillinger

Hej experter :)

Jeg er igang med at lave en side, bestående af <div></div>'s i stedet for tabeller og alt det andet rodede fis:)

Men lige nu har jeg 3 div's ved siden af hinanden like:

<div></div>  <div></div>  <div></div>

- sådan er de på siden.. sådan ved siden af hinanden. Self. er de indstillet med en style.css:

body {
    background-color: #FFFFFF;
}

#img-top {
    width: 50%;
    align: center; 
}

#div1 {
    float: left;
    width: 20%;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    background-color: #0099FF;
    margin-right:3px;

   
}

#div2 {
    float: left;
    width: 40%;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-family: verdana;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #0099FF;
    margin-right:3px;

   
}


#div3 {
    float: left;
    width: 20%;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-family: verdana;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #0099FF;
    margin-right:3px;
   
}

Men nu kunne jeg godt tænke mig en lang div, som går langs alle div's - altså oven over de andre..

Men når jeg prøver at lave det, som jeg troede det skulle være så rykker alle div's osv.. Det bliver en omgang kludermor.

Er der nogen der kan skrive mig, hvordan det skal gøres?