[HTML][CSS]CSS - problem z wyświetlaniem obrazków Opcje

[hydroxygen]

mam taki oto style w css

#left {
background-color: black;
border: 1px solid #c2bdaa;
width:550px;
margin: 0px 0px 10px 28px;
padding: 0px 0px 15px 0px;
float:left;
display:inline;
}
.text{
float:left;
width:422px;
}
#left h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: blue;
text-decoration: underline;
margin: 20px 0px 10px 23px;
}
#left p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:lighter;
color: blue;
margin: 6px 0px 0px 23px;
}
#left a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;color: #4d4b4a;
}
#left a:hover{
color:#000000;
}
.fotki{float:right;}
.fotki img{display:block;}

chodzi o to że nie wiem jak poprawnie wyświetlić obrazki w

#left p

(po umieszczeniu kodu w html'u obrazki są "zmiażdżone" tak że wyglądają jak kod paskowy ;D i są szare

Dzięki czekam na odp