[CSS] allineamento box

[Bregovic]

E' la prima volta che mi capita una cosa del genere...

Ho delle "righe", una sotto l'altra...a sx c'è una piccola immagine, a dx un link.

In realtà il box a dx si allinea con l'angolo superiore sx suo all'angolo inferiore dx dell'immagine e non riesco a capire perchè!!!!


Ho fatto questo codice:

Per il box più grande che contiene tutto:

#lista {
position:absolute;
top:30px;
left:0px;
height:397px;
width:250px;
background-color:#FFFFFF;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
overflow:auto;
padding-right: 5px;
border: 1px solid black;
}

[Bregovic]

Per il link:

.righe {
position:relative;
margin:0px;
top:1px;
left: 55px;
height: 40px;
width:160px;
backgorund-color:#FFFFFF;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
overflow:left;
border:1px solid red;
}

[Bregovic]

Per l'immagine:

.immaginesmall{
position:relative;
top: 1px;
left: 0px;
height: 51px;
width: 51px;
border: 1px solid gray;
}

[Bregovic]

Ehm,
non sono riuscita a spiegare??

E' che non riesco proprio a capire questo comportamento dei box, io li ho esmpre usati e non ho mai avuto problemi così..

Se vi interessa l'html è questo:

<div id=lista><div class = immaginesmall><img src=uploads/small/img43_1.jpg align= top></div><div class=righe><a href=archivio.php?id=34&categoria=2>RICORDANDO LA BIENNALE</a></div>

Il tutto è un ciclo che riprende e si ripete....

Aiuto please