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:
codice:
.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