gracias por contestar, yo he estado implementando esto tengo un div de la siguiente manera:
div#form
{
padding:0px;
padding-left:20px;
padding-bottom:0px;
width:430px;
float:left;
background:url(../images//img1.gif) repeat-y center;
}
#form h1
{
background:url(../images/img2.gif) no-repeat top;
width:430px;
}
#form h2
{
background:url(../images/img2.gif) no-repeat center bottom;
width:430px;
}
y el html de la siguiente manera:
<div id="form">
<h1></h1>
<div class="otro"><label>Nombre:</label>
<asp:TextBox id="txt_nombre" runat="server" ></asp:TextBox>
</div>
<div class="otro"><label>Apellidos:</label>
<asp:TextBox id="txt_apellidos" runat="server" ></asp:TextBox>
</div>
<div class="otro"><label>Contraseña:</label>
<asp:TextBox ID="txt_contrasena" runat="server" ></asp:TextBox>
</div>
<div class="otro"><label>Confirmar Contraseña:</label>
<asp:TextBox ID="txt_confirma" runat="server" ></asp:TextBox>
</div>
<h3></h3>
</div>
Esto es solo un pequeño del html porq en realidad es muy extenso y al dar clic algunos botones aparecen aun mas campos, ahora bien ya logro hacer que salga el entorno con esas tres imagenes pero todo salen un relajo no se como hacer para que todo salga bien cuadrado.
gracias!