Div skal være rundt om indholdet

Hej allesammen, og god jul til jer :-)
Her første juledag ville jeg gerne genoptage et lilleprojekt som har drillet mig lidt. Jeg er pt. ved at layoute det, for bagefter at smide noget PHP kode ind.

Men jeg har et problem, jeg har en div som har x-antal højde som har noget tekst plus billeder indeni sig, men billederne synes at gå "over" bunden på div'en.

Illustreret: http://86.58.130.37/galleri_bug.png

Html:
<div onclick="java script:foldOut('1',0,300);" id="openBarGal"> <b>ASD</b> (4 billeder)</div>
                <div class="inviContainer" id="1">

                    <div id="inviBar">For at folk kan se dette galleri kan du give dem dette link:<br />
                    <p class="barLink">http://***/kasper/922e1c4f4d85a77cf5dbc2416c</p>
                    <div onclick="java script:foldOut('1',0,200);" style="margin-right: 4px;border-bottom: 1px dotted #000000;"><img src="img/add.png">Upload billede</div>
                        <img style="float: left;margin-left:14px;margin-top:5px;margin-right:5px;" src="pics/kasper/sav-kaw_lille.png">
                        <img style="float: left;margin-top:5px;margin-right:5px;" src="pics/kasper/sav-kaw_lille.png">
                        <img style="float: left;margin-top:5px;margin-right:5px;" src="pics/kasper/sav-kaw_lille.png">
                        <img style="float: left;margin-top:5px;margin-right:5px;" src="pics/kasper/sav-kaw_lille.png">

                       
                        <img style="float: left;margin-left:14px;margin-top:5px;margin-right:5px;" src="pics/kasper/sav-kaw_lille.png">
                        <img style="float: left;margin-top:5px;margin-right:5px;" src="pics/kasper/sav-kaw_lille.png">
                        <img style="float: left;margin-top:5px;margin-right:5px;" src="pics/kasper/sav-kaw_lille.png">
                        <img style="float: left;margin-top:5px;margin-right:5px;" src="pics/kasper/sav-kaw_lille.png">
                </div>
            </div>

Css:
.barLink {
margin:0px;
margin-bottom:10px;
padding-left:6px;
font-size:9px;
font-style: italic
}
.inviContainer {
clear:left;
height:0px;
overflow:hidden;
}
#inviBar {
display:block;
width:450px;
border-left:1px solid #c92b2b;
border-right:1px solid #c92b2b;
border-bottom:1px solid #c92b2b;
padding-left:5px;
}
#openBarGal {
display:block;
height:15px;
background-image:url(img/bar.jpg);
padding-left:5px;
color:#FFFFFF;
width:450px;
border:1px solid #c92b2b;
text-decoration:none;
overflow:hidden;
}

Har i en ide til hvordan jeg får div'en rundt om de billeder der er?