problema con div float

[moonba]

ciao a tutti,avrei un problema con due div che hanno il float.
ho un div content che contiene all'interno altri due div .boxleft e boxright affiancati a cui ho dato ad entrambi il float left.fin qui tutto ok.il problema nasce quando vado ridimensionare la finestra del browser boxright va sotto a boxleft mentre io vorrei che mantenessero la stessa posizione affiancata.come posso risolvere?
allego il css e html dei tre div:

.content 
{
	background-image: url(../bgcontent2.gif);
	background-repeat: repeat-y;
	clear: both;
	height: 100%;
	margin: 1% 15% 5% 15% ;
	margin-bottom: 5%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 1%;

}
.boxright 
{
	background-image: none;
	float: left;
	width: 40%;
	font-size: 12px;

}
.boxleft 
{
	background-image: url(../cright.gif);
	background-position: center right;
	background-repeat: no-repeat;
	float: left;
	margin-left: 4%;
	width: 55%;

}

 <div class="content">
        <div class="sfumacontent">
          <div class="boxleft">
            <table class="Tabellacontenuti">
              <thead>
                <tr>
                  <th class="contenuti">
                    voce1</th>
                  <th class="contenuti">
                    voce2</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="special">contenuti</td>
                  <td class="voce2">654774</td>
                </tr>
                <tr>
                  <td class="special">contenuti</td>
                  <td class="voce2">999999</td>
                </tr>
                <tr>
                  <td class="special">contenuti</td>
                  <td class="voce2">45456</td>
                </tr>
                <tr>
                  <td class="special">contenuti</td>
                  <td class="voce2">46577</td>
                </tr>
                <tr>
                  <td class="special">contenuti</td>
                  <td class="voce2">122344</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="boxright">
            <table class="Tabellacontenuti">
              <thead>
                <tr>
                  <th class="contenuti">
                    ciao</th>
                  <th class="contenuti">
                    voce2</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="special">contenuti</td>
                  <td class="voce2">654774</td>
                </tr>
                <tr>
                  <td class="special">contenuti</td>
                  <td class="voce2">999999</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>

ringrazio anticipatamente

[emnlmn]

Ho appena testato il tuo codice, ma non ottengo l'errore da te descritto...
magari non dipende dalla porzione di html postato?

[moonba]

no,dipende dall'ambiente di sviluppo sicuramente che sto utilizzando,che non è dw e altri simili.
non so nemmeno io cosa fare ,il problema è che se questo codice non da errore nei 'normali' editor dovrei trovare una soluzione magari più "sicura" per evitare questo.
il problema che un div float ridimensionando la finestra vada ad allinearsi sotto l'altro è una questione di clear?

[emnlmn]

Sinceramente non credo. Il ridimensionamento della finestra implica una riduzione dello spazio a disposizione dei blocchi e se le loro dimensioni non gli permettono di stare affiancati si disporranno su due linee diverse... non vedo altri motivi (che non siano qualche bug o altro che non conosca) per cui questo debba accadere.

[moonba]

ti ringrazio