Taille div non variable

Bonjour à tous,

Je développe une interface de gestion pour une centrale Asterisk PBX.

Problème : http://img851.imageshack.us/img851/3326/psast.png

j'ai une div qui contient 2 fieldsets, seulement la taille de la div ne s'adapte pas au contenu.Les fieldsets s'affichent mais en superposition de la div.
Voici le code :

div id="menu_tab">
    <ul>
        <li><a href="#2wrapper">Accueil</a></li>

        <li><a href="filemgr.php">Fichiers audios</a></li>
        <li><a href="modif_sonneries.php">Gestion sonneries</a></li>
    </ul>
    <div id="2wrapper">
        <fieldset id="online">
            <table>
                <tr><th>Salle</th><th>Adresse IP</th><th>Nom utilisateur</th><th>Type</th></tr>
                <?php
                include('../config/config.inc');
                $ls = "select name,ipaddr,username,useragent from sip where ipaddr is not NULL";
                $ls = mysql_query($ls);
                while ($row = mysql_fetch_array($ls)) {
                    echo "<tr><td>" . $row["name"] . "</td><td>" . $row["ipaddr"] . "</td></td>" . "</td><td>" . $row["username"] . "</td><td>" . $row["useragent"] . "</td></tr>";
                }
                ?>
            </table>

        </fieldset>
        <div id="stat">
            <fieldset>
                <legend>Statistiques système</legend>
                <?php
                $ds = number_format(disk_total_space("/") / (1024 * 1024 * 1024), 2);
                $df = number_format(disk_free_space("/") / (1024 * 1024 * 1024), 2);
                echo "Espace disque libre : " . $df . " Go/" . $ds . " Go";
                ?>
            </fieldset>
        </div>
    </div>

</div>

et le CSS:

fieldset {
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.5), 
        inset 0 1px rgba(255, 255, 255, 0.3), 
        inset 0 10px rgba(255, 255, 255, 0.2), 
        inset 0 10px 20px rgba(255, 255, 255, 0.25), 
        inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    border-width: 2px;
    border-color: white;
    -o-border-radius:  20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    
    box-shadow:
      
        0 2px 6px rgba(0, 0, 0, 0.5), 
        inset 0 1px rgba(255, 255, 255, 0.3), 
        inset 0 10px rgba(255, 255, 255, 0.2), 
        inset 0 10px 20px rgba(255, 255, 255, 0.25), 
        inset 0 -15px 30px rgba(0, 0, 0, 0.3);

    border: 2px groove threedface;
    border-color: white;
    background-color: rgba(0,91,141,0.85);
    text-shadow: #000 0 0 10px;
    color: white;
}
#stat{
    width:35%;
    min-width:20%;
    float:right;
}
#online{
    width:60%;
    float:left;
}
#wrapper>#menu_tab>#2wrapper{
    display: table;
    height:auto;
}

Modifié par househorror (20 Dec 2011 - 11:00)

Bonjour, c'est un problème de dépassant des flottants.

merci beaucoup cela m'enlève une grosse épine du pied
Je n'avais pas pensé à un overflow ...

Encore merci et une bonne journée