divs, css repeat-y float wrap

<div style="overflow:hidden; min-height:100%;">
        <div style="width:6px; height:100%; min-height:100%; border:solid 1px white; float:left; background-image: url('layout/BlueBorderLeft.jpg'); background-repeat:repeat-y;">1</div>
        <div style="width:768px; float:left; border:solid 1px white;">hej<br />hej<br />hej<br />hej<br />hej<br />hej<br />hej<br /></div>
        <div style="width:6px; min-height:100%; border:solid 1px white; float:left; background-image: url('layout/BlueBorderRight.jpg'); background-repeat:repeat-y;">1</div>
    </div>

Jeg har følgene problem, at jeg vil gerne have border div's til at have samme højde som content diven, men jeg kender ikke højden. pt er højden af de outer divs bare fra det "1" der er inden i divet.