Tengo una imagen de fonde en el body de 900px de ancho, esta imagen tiene una linea horizontal de 12px de alto y lo que quiero es que la linea siga después que termina la imagen de fondo, para eso usé un div de 12 px de alto que debería ir desde 900px del borde izquierdo hasta el borde derecho del body, pero, el problema es que en IE6 no puedo lograr esto, de la única forma que puedo darle un ancho al div es con la propiedad width.
¿¿¿ Alguien sabe como puedo hacer para que este div que sólo tendría un imágen de background para darle continuidad a la linea se extienda hasta el borde derecho del body???
Nota: En FF y Opera anda bien.
CSS:
Código:
*{
font-size:13px; /*IE Center Hack*/
text-align:center;
color:#444;
border-color:silver;
padding:0;
margin:0;
background-color:white;
}
body{
height:100%;
border:none;
width:100%; margin:0;padding:0;
position:relative;
background-color:#666;
background-image:url(adg.jpg);
background-repeat:no-repeat;
background-position:0% 0%;
background-attachment:fixed;
}
div#inf_border{
width:100px;
padding:0;
margin:0;
background-color:#afa;
float:right;
position:relative;
left:900px; right:0; top:108px;height:12px;
background-image:url( header_bg.jpg );
background-repeat:repeat-x;
border:none;
}
/*HEADER*/
div#HeaderOuter{
position:relative;
margin:0;
width:100%;
border:none;
height:120px;
background-color:transparent;
}
div#header{
margin:0 auto 0 auto; padding:0;
width:98%;
border:none;
background-color:transparent;
background-position:bottom;
}
/*FIN HEADER*/
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<TITLE></TITLE>
<style type="text/css">
import url(style.css); /*Falta el arroba del import*/
</style>
</head>
<body>
<div id="HeaderOuter">
<div id="header">
</div>
<div id="inf_border"></div>
</div>
<div id="contentOuter">
</div>
</body>
</html>