First, you have two code errors:
1. The two images in question aren't closed at all:
- Code: Select all
<dl class="evento">
<dt>8 de Março</dt>
<dd><a href="080305.html" title="8 de Março - Dia Internacional da Mulher">Dia Internacional da Mulher</a></dd>
<dd><img src="img/080305.gif" height="50" width="75" /></dd>
<dt>25 de Novembro</dt>
<dd><a href="251105.html" title="25 de Novembro - Dia Internacional da Não-Violência Contra as Mulheres">Dia Internacional da Não-Violência Contra as Mulheres</a></dd>
<dd><img src="img/251105.gif" height="50" width="75" /></dd>
</dl>
2. One of the
CSS selectors isn't closed either:
- Code: Select all
dl.evento {
margin: 1em 0;
padding: 0;
}
/* cursos
*/
And suprisingly, after all that, the images still don't look how you want them. But, if you remove this selector, it works perfectly:
#conteudo img {
margin-top: -150px;
margin-right: 5px;
float: right;
}
So, remove that, hooray!