saludos, ojala me puedan ayudar, lo que quiero hacer es, que el background no pase del limite, ak dejo el codigo y la imagen para que se entienda ,mejor, esto me pasa solo en ie, porque con mozilla, sale como quiero
asi la quiero (mozilla)
aka dejo el codigo css
Código PHP:
#formularios{
width:400px;
position:relative;
left:100px;
top:90px;
}
#formularios fieldset{
width:100%;
border-color:#0000FF;
border-style:solid;
background-color:#00CCFF;
}
#formularios legend
{
font-size:20px;
color:#FFFFFF;
border:solid 1px;
margin-left:4px;
background-color:#0000FF;
}
div.medidas{
margin: 10px 0 10px 0;
}
div.medidas label{
font-weight:bold;
float:left;
width:180px;
margin-right:5px;
margin-left:15px;
}
div.medidas input{
width:150px;
}
div.medidas select{
width:155px;
}
#bt_guardar, #bt_actualiza{ margin-left:35px; margin-top:10px; margin-bottom:10px;border: 1px solid #27518A; background: #ccc; width:150px; float:left;}
#bt_reset{ margin-left:15px; margin-top:10px;margin-bottom:10px;border: 1px solid #27518A; background: #ccc; width:150px;}
div {
margin: .4em 0;
}
div.boton input{
float: left;
}
formulario
Código PHP:
<body>
<div id="formularios">
<form id="f_ingresa_producto" name="f_ingresa_producto">
<fieldset>
<legend>NUEVO PRODUCTO</legend>
<div class="medidas">
<label>Familia</label>
<select id="lista_familia" name="lista_familia">
<option value="0">Seleccione Familia</option>
</select>
</div>
<div class="medidas">
<label>Nombre</label>
<input type="text" name="txb_nombre" id="txb_nombre" />
</div>
<div class="medidas">
<label>Precio unitario</label>
<input name="txb_precio" type="text" id="txb_precio" maxlength="6" />
</div>
<div>
<div class="boton">
<input type="button" name="bt_guardar" id="bt_guardar" value="Guardar Producto" onclick= class="boton" />
<input type="reset" name="bt_reset" id="bt_reset" value="Limpiar Form" />
</div>
</div>
</fieldset>
</form>
</div>
</body>