Deux tableaux l'un a coté de l'autre

Bonjour,

j'ai déjà regardé sur d'autres topic mais j'ai beau essayer ça ne fonctionne pas je dois omettre quelque chose... donc peut-être que vous réussirez à m'aider :)

Je voudrais mettre deux tableaux l'un à côté de l'autre (quelle que soit la taille, je préfère qu'il y ai une scrollbar horizontale plutôt que le second tableau aille à la ligne)

J'ai donc :

<div id="blocTableaux">

    <table id="tabG">

        ...

    </table>



    <table id="tabD">

        ...

    </table>

</div>

et en css j'ai :

#blocTableaux{

    clear :both;

}



#tabG{

    float : left;

    width : 50%;

}



#tabD{

    float : right;

    width : 50%;

}

et pourtant, ça ne fonctionne pas. Une idée svp ? Merci d'avance