hola, tengo esta hoja de estilos
Cita: /*Hoja de estilos*/
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
list-style: none;
}
.html {
/*font: small/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;
color: #555;
/*background-image: #000 url(../images/fondo-website.png) repeat-x center top;*/
background-image:url(../images/fondo-website.png);
}
body {
position: relative;
font-size: .85em;
width: 1004px;
margin: 0px 0px 0px 0px;
}
#header {
position: relative;
background: #000 url(../images/header-index.jpg) no-repeat left top;
height: 500px;
z-index: 4000;
}
#content {
position: relative;
width: 1000px;
margin: 0px 0 0 28px;
z-index: 0;
background-image:url(recuadro-contenidos-index.png);
background-repeat:no-repeat;
}
#recuadro {
background-image:url(../images/recuadro-parrafo-index.png);
background-repeat:no-repeat;
position:z-index 2;
margin:120px 0 0 170px;
height:518px;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position:absolute;
text-align:justify;
color:#FFFFFF;
top:150px;
left:180px;
right:340px;
padding:1em;
width:518;
}
.sub #content {
padding: 5px;
background: url(../images/recuadro-contenidos-index.png) no-repeat left top;
}
/* ----------| =Content |---------- */
#content #sidebar {
position: relative;
float: left;
width: 518px;
height: 154px;
background: url(/images/recuadro-parrafo-index.png) no-repeat left top;
padding: 5px;
padding-bottom: 0;
}
.sub #content #sidebar {
width: 280px;
float: right;
background: transparent;
padding: 10px 5px;
}
#content #lower #holder {
position: relative;
background: url(/images/recuadro-parrafo-index.png) no-repeat left top;
}
#title {
background-image:url(../images/subtitle.png);
background-repeat:no-repeat;
width:788px;
height:142px;
/*margin: -600px 0px 0px 70px; */
position:absolute; top:20px; left:70px;
}
h1 {
font-family:Geneva, Arial, Helvetica, sans-serif;
/*margin: 5px 0px px 150px;*/
position:absolute; left:150px; top:5px;
color:#FFFFFF;
font-style:italic;
font-size:28px;
}
h2 {
font-family:"square 721bt", Helvetica, sans-serif;
/*margin: -14px 0px px 150px;*/
position:absolute; left:150px; top:45px;
color:#FFFFFF;
font-size:24px;
}
#cuadros {
background-image:url(../images/recuadro-index.png);
width:681px;
height:426px;
position:absolute; left:70px; top:300px;
}
y este es el head de mi html
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Impair Aware A.L.I.S. Alcohol level Indication System</title>
<!-- Stylesheets -->
<link charset="utf-8" href="/images/screen.css" media="screen" rel="Stylesheet" title="CSC Styles" type="text/css" />
<link href="images/estilos.css" rel="stylesheet" type="text/css" />
</head>
el problema es que en explorer funciona ben pero firefox no lo toma, quien me puede decir que tengo mal para que lo cojan los dos?