Div non tiene il float se dentro div

[semolino]

Situazione funzionante:

.noi{
    list-style: none; 
    margin: 0;
    padding: 3px;
}
.noi img{
    width:100px;
    height:100px;
    border:1px dotted #ff00ff;
}
.noi a img,
.noi a:link img,
.noi a:active img,
.noi a:focus img {
    filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
}
.noi a:hover img {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

#elenco {
margin:2px 0 0 2px;
float:left;
} 

questo è il codice

<ul class="noi">
        <li id="tutti">[url=""][img]images/caricature/1.png[/img][/url]
                <li id="tutti">[url=""][img]images/caricature/1.png[/img][/url]
        <li id="tutti">[url=""][img]images/caricature/1.png[/img][/url]
        <li id="tutti">[url=""][img]images/caricature/1.png[/img][/url][/list] 

ed ottengo le mi immagini una difianco all'altra fino a che c'è spazio, poi vanno a capo.
Ora questo blocco lo devo inserie in

<DIV class="tabcontainer">
<div id="gc1" class="tabcontent">
//tutto il blocco di prima
</div>
</DIV> 

che ha

.tabcontainer{
clear: left;
width:620px;
height:auto;
border: 1px solid #ff00ff;
background-color:#FFFFFF;
}

.tabcontent{
display:none;
} 

ora la lista mi va uno sotto l'altro.
Come risolvo? :master: