1 div med 3 divs indeni, der skal stå vandret

Jeg har en div med 3 divs indeni.. de 3 divs skal stå vandret!

Jeg har denne kode

<div id="content"><div id="box1"></div><div id="box2"></div><div id="box3"></div>
</div>

med denne css:
#content {
    position: relative;
    color: #ffffff;
    height: auto;
    width: 760px;
    border: 0px solid #000000;
    background-image: url(../billeder/midt.jpg);
    background-repeat: repeat-y;
    text-align: center;
    padding: 5px 70px
}
#box1 {
    position: relative;
    height: 486px;
    width: 254px;
    border: 0px solid #000000;
    background-image: url(../billeder/el.png);
    background-repeat: no-repeat;
}
#box2 {
    position: relative;
    height: 486px;
    width: 254px;
    border: 0px solid #000000;
    background-image: url(../billeder/vvs.png);
    background-repeat: no-repeat;
}
#box3 {
    position: relative;
    height: 486px;
    width: 254px;
    border: 0px solid #000000;
    background-image: url(../billeder/vinduer.png);
    background-repeat: no-repeat;
}

Umiddelbart har jeg prøvet meget, har prøvet at sætte alle boxene til absolute, fixed og relative, og jeg har brugt float: left og right. Uden held.. :( har også prøvet at sætte <nobr> ind før og efter div elementerne!