Imagens ao lado de logo do site no Header

[StormRuller 0]

Eu coloquei duas imagens diferentes no header do meu site e está funcionando perfeito no Chrome e no IE mas no Opera as imagens estão saindo primeiro que o logo.

Meu header está da seguinte forma:

<header>
<figure class="sign">
<img src="imagens/icone-metal_sign.png" width="115" height="119" alt=""/>
</figure>
<figure class="caveira">
<img src="imagens/icone-caveira.png" width="123" height="123" alt=""/>
</figure>
<font size="7">HardHeavy News And More</font>
</header>

Para colocar as imagens alinhadas no site usei o código abaixo no CSS

.sign{
	position:absolute;
	top:10px;
	left:250px;
}

.caveira{
	position:absolute;
	left:1020px;
}

.esquerda{
	position:absolute;
	left:110px;
	top:250px;
}

.direita{
	position:absolute;
	left:1070px;
	top:250px;
}

O meu site para quem quiser ver como estão as imagens é http://hhnews.zz.você

Gostaria que ficasse do mesmo jeito em todos os browsers.

Tem algum código a mais para colocar no CSS para que fique Ok também no Opera?

Ou por acaso teria um outro jeito de trabalhar para as imagens ficarem conforme está aparecendo no Chrome e IE?

Valeu!