Probleme avec des balises div

Bonjour, je suis sur un forum RP et j'utilise donc des CSS que le fonda a donc crée de base sauf que le résultat final ne me plait pas.

Voici le résultat initial : https://prnt.sc/2485jk

Code :

<table><tr><td><divclass="petitcadre"><div style="height:150px;overflow:auto;"><div class="texte">XXXXX</div></div></div></td><br><br><td><div class="petitcadres"><div style="height:150px;overflow:auto;"><div class="texte">XXXXX</div></div></div></td></tr></table>

Voici ce que j'obtiens après MES modifs : https://prnt.sc/2484qs

Code :

<center><table border="0" cellspacing="0" cellpadding="0" align="center"><tr><td><div class="soustitre">+ Maintenant</div><div class="petitcadres"><div style="height:370px;overflow:auto;"><div class="texte">XXXXX</div></div></div></td><td> </td><td><div class="soustitre">+ RP's</div><div class="petitcadre"><div style="height:370px;overflow:auto;"><div class="texte">XXXXX</div></div></div></td></tr></table></center>

Voici ce que je voudrais avoir : L'espace désigné par la flèche bleue de la même taille que les flaches rouges. Vous aurez compris que c'est la partie basse qui me pose problème, j'ai essayé divers trucs : déplacer la balise div, la dupliquer avant et apres celle de mise en page, rajouter width (avec des calculs au pixels pres ...) et rien ne marche. JE SUIS PERDUUUUUE Merci de votre aide.

Les XXXXX étant les textes que j'ai noircis sur Photofiltre ^^

- Ne faites pas attentions au scrolling, tant que la barre horizontale n'apparait pas, c'est cool.

- Ne fait pas gaffe au (class="petitcadres") (class="petitcadre") il se différencient juste par rapport aux angles droits ou arrondis.

MERCI DE VOTRE AIDE