Hola
seoista
Otra forma de hacer lo mismo y que se ve igual en todos los navegadores:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aviso</title>
<style type="text/css">
* {margin: 0; padding: 0;}
body {
margin-top: 195px;
background: url(alsapa01.jpg) repeat fixed left top;
}
.caja {
text-align: left;
font-family: tahoma, arial, verdana;
font-size: 20px;
color: #cc0101;
width: 500px;
font-style: oblique;
font-weight: normal;
background-color: #f5f5f5;
border: 15px double #cc0101;
padding: 20px;
}
.leyenda {
position: relative;
top: -40px; /* aqui el tamaño de la altura de tu gif */
display: block;
width: 500px;
margin-left: 50px;
}
.izquierda {/* no es necesaria */}
</style>
</head>
<body>
<!-- probado en ie6 - 7 -8, ff 3.6 , opera 10, safari 5 y Chrome 5-->
<div class="caja">
<div><img src="ico_alerta.gif" alt="alerta" title="Alerta" /></div>
<span class="leyenda">Lamento informarles que, debido a mantenimiento, esta página estará fuera de servicio.<br /><br />
Por favor, inténtelo más tarde.<br /><br />Muchas gracias.</span>
</div>
</body>
</html> Bye