Problema con 4 div affiancati, strano problema...

[imesh]

salve, allora ho un div chiamato contenitore con posizione relativa, dimensioni width:80%, height 60%, top 20% e left 10%. e fin qui tutto bene.
poi al suo interno ho 4 div chiamati box1 box2 box3 box4 con caratteristiche comuni date da una classe boxdetail, position:relative;float:left;width:25%;height:100% ;top:0%;
In teoria dovevano posizionarsi uno affianco all'altro comprendo tutto il div contenitore ma c'è un problema, in larghezza ci siamo, in altezza anche, sono uno affianco all'altro ma sittati verso il basso uscendo anche dal div contenitore...

<div id="contenitore">
    
    	<div id="box1" class="BoxDetail">
        
        </div>
        
        <div id="box2" class="BoxDetail">
        
        </div>
        
        <div id="box3" class="BoxDetail">
        
        </div>
        
        <div id="box4" class="BoxDetail">
        
        </div>
        
    </div>

la prima volta che mi succede una cosa del genere

[Mich_]

Dove sta il contenitore? Hai dato le dimensioni al blocco che contiene il contenitore?

Perche` altrimenti il width:80% non ha significato.

Inoltre 4 * 25%, una volta fatti gli arrotondamenti, puo` essere maggiore di 100%.
Prova con 25.4% .

Comunque dovresti postare il link alla pagina, oppure il codice CSS, anche di tutti i contenitori.

[imesh]

leggendo la tua risposta ho modificato la larghezza dei div mettendo invece di 25% 24% e adesso si vede bene