[HTML/CSS] Utiliser tous l'espace d'un conteneur [résolu]

Sur une de mes pages, j'ai un conteneur (div) contenant 2 blocs (span).
Dedans, j'aimerais placer un bloc à l'extrême gauche, et un bloc à l'extrême droite.
Malheureusement le bloc à droite, il se colle derrière le bloc gauche (en respectant les marges).
Que j'utilise des positions relatives, ou flottantes, le conteneur est toujours considéré comme faisant la taille du bloc de droite + la taille du bloc de gauche + les marges.
:pt1cable:

ACTUELLEMENT[fixed]+-------------------------------------+
| DIV |
| |
| +--------+ +--------+ |
|--| SPAN |----| SPAN |-- |
| +--------+ +--------+ |
+-------------------------------------+[/fixed]

CE QUE J'AIMERAIS OBTENIR[fixed]+-------------------------------------+
| DIV |
| |
| +--------+ +--------+ |
|--| SPAN |-- --| SPAN |--|
| +--------+ +--------+ |
+-------------------------------------+[/fixed]

Si vous voyez comment faire, merci de m'aider parce que j'm'arrache les cheveux dessus depuis un petit moment :(

Merci

CSS[cpp]div
{
width:100%;
margin-bottom:.6em; // marge de 0.6em en dessous
text-align:left; //changer le text-align ne résoud pas le problème
}

span
{
margin:0 .6em 0 .6em; // marges de 0.6em à gauche et à droite
}[/cpp]

HTML[cpp]<div>
<span>
...
</span>
<span>
...
</span>
</div>[/cpp]

J'ai essayé :[cpp]<div>
<span>...</span>
<span>...</span>
</div>
//Ne marche pas

<div>
<span style=" text-align:left; ">...</span>
<span style=" text-align:right; ">...</span>
</div>
//Aucun changement

<div>
<span style=" position:relative; left:0; ">...</span>
<span style=" position:relative; right:0 ";>...</span>
</div>
//Aucun changement[/cpp]

Bon bah voilà, au dernier moment alors que j'étais persuadé d'avori déjà testé...j'ai trouvé la solution !!!

[cpp]<div>
<span style="float:left;">...</span>
<span style="float:right;">...</span>
</div>[/cpp]

Voilà pour ceux que ça intéresse ;)