Hej alle sammen

Hey alle sammen.

Er igang med at opbygge design i div og css.

Jeg skal have tre div's ved siden af hinanden, som er rammet ind i en stor div.

Min kode:
    <div id="around">
   
        <div id="border_left">awd</div>
   
        <div id="border_center">awd</div>
   
        <div id="border_right">awd</div>
       
    </div>


Min css:
#around {
    width: 800px;
    height: 500px;
    margin: 0px auto 0px auto;
    background-color: #F8F8F8;
    }

#border_left {
    width: 4px;
    float: left;
    background-image: url(img/border_left.gif);
    }

#border_right{
    width: 4px;
    float: right;
    background-image: url(img/border_right.gif);
    }
   
#border_center{
    width: 792px;
    background-color: #F8F8F8;
    }

Men hvorfor virker det ikke?
Den sidste div (border_right) kommer på en ny linje og ja, ved snart ikke. Hvordan får jeg de tre bokse til at stå lige ved siden af hinanden.