Ei moça muito obrigado pela dica.
Acabei fazendo outras alterações tb, pois o titulo acabou ficando do lado direito da imagem...então modifiquei isso:
img.caption { margin-top: 5px; }
.img_caption { color: #999; margin-bottom: 10px; }
.article-content img { margin: 5px; }
.img_caption img { margin: 5px 0 0; }
.img_caption p {
background: #333;
border-top: 1px solid #fff;
color: #ccc;
margin: 0;
padding: 1px 0;
text-align: center;
}
.article-image {
position: absolute;
left: 0px;
top: 3px;
}
.article-image span {
display: block;
float: left;
padding: 2px;
border: 1px solid #ddd;
}
Por isso:
img {
margin: 0;
padding: 0;
}
.img_caption p {
text-align: center;
color: #555555;
}
.img_caption.left, .img_caption.right {
margin-top: 3px;
}
.img_caption img {
background: #CFCCAE;
padding: 4px;
border: 1px solid #BBB691;
}
.img_caption p {
padding-top: 5px;
margin-top: 0px;
}
.img-border {
background: #D4D1B6;
padding: 4px;
border: 1px solid #BBB691;
}
mas agora a imagem ta acima do titulo <!-- s:( --><img src="{SMILIES_PATH}/icon_e_sad.gif" alt="
" title="Triste" /><!-- s:( -->
Como corrigir?