Es un mini
reset
Lo que hacemos es flotar la imagen a la izquierda.
Y ahora que lo veo mejor, cambia a esto:
Cita: #principal li {
list-style-tipe: none;
float:left;
margin: 5px;
padding: 5px;
background: #cdcdcd;
width: 370px;
}
pues float y display como que no
Por cierto, con esa disposición, si la descripción es lo suficientemente larga, pasará a colocarse debajo de la imagen.
Aunque personalmente no colocaría todo dentro del enlace, sino que la imagen iría por un lado, metería un hnº para el título de la foto y la descripción la incluiría en <p></p>.
Un saludo