Siguiendo la ayuda de
mdk Hice esto y me funciono perfectamente, luche con la posicion del fondo pero ya di con el blanco:
Código CSS:
Ver original/*Esta capa contiene los 2 bordes y el Form de Inicio*/
.logueo {
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
#body_left{
position: relative;
height: 100%;
float: left;
width: -moz-calc(50% - 225px);
width: calc(50% - 225px);
background-image: url(../images/body_left.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 87px 100%;
}
#body_center{
position: relative;
margin: 0px 50px;
float: left;
width: 350px;
height: 100%;
}
#body_right{
position: relative;
height: 100%;
float: left;
width: -moz-calc(50% - 225px);
width: calc(50% - 225px);
background-image: url(../images/body_right.png);
background-repeat: no-repeat;
background-position: left top;
Código HTML:
Ver original <div class="logueo" id="img_ajax"> <img src="images/ajax-loader.gif" border="0" alt="Cargando" title="Cargando" style="margin-top:95px;" /> <div class="body_left" id="body_left"></div> <div class="body_center" id="body_center"> Usuario o Contraseña inválidos
<form name="login" id="login"> <input name="username" id="username" class="status" value="Usuario" type="text"/> <input name="pass_txt" id="pass_txt" class="status" value="Contraseña" type="text"/> <input name="pass" id="pass" class="status" value="" type="password" style="display:none;" /> <input value="Entrar" type="submit" class="btnlogin"/> <div class="body_right" id="body_right"></div> <div style="clear: both;"></div>