Podria asignarle un tamaño fijo para que quedase bien, aunque preferia q se estirase esa capa para dejarlo mas abierto a actualizaciones y reutilizaciones
yo quisiera que se viese asi
que es como se me ve en el explorer 6, desconozco si en el 7 se ve distinto.
Pero en el firefox se me ve asi
este seria el codigo, a ver si alguien puede decirme como hacer. gracias
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.Layer1 {
position:relative;
width:478px;
z-index:1;
border:#FF9E00 1px solid;
background-image: url(../../../pasarela%20de%20pago/imagenes/fondo2.png);
}
#Layer2 {
width:172px;
height:115px;
z-index:1;
float: left;
}
#Layer3 {
z-index:1;
float: left;
}
.prueba{ height:44px; border-right:#FF9E00 1px solid; border-bottom:#FF9E00 1px solid; background-image:url(../../../pasarela de pago/imagenes/N1.png);}
.prueba2{ height:44px; border-right:#FF9E00 1px solid; background-image:url(../../../pasarela de pago/imagenes/N1.png);}
-->
</style>
</head>
<body>
<div class="Layer1">
<div id="Layer2">
<div class="prueba">Content for New Div Tag Goes Here</div>
<div class="prueba">Conte</div>
<div class="prueba">Content for New Div Tag Goes Here</div>
<div class="prueba2">Content for New Div Tag Goes Here</div>
</div>
<div id="Layer3">fgfgdfgfdg</div>
</div>
</body>
</html>