Tengo un formulario maquetado con xhtml y css que se ve bien pero cuando lo incluyo dentro del html de una web que estoy intentando hacer todo se desmorona, entiendo que le esta afectando algun estilo de los que tengo ya puestos, pero soy incapaz de dar con la solucion, tb es verdad que es de mi primeras pruebas serias con css, pongo el codigo a ver si alguien tiene tiempo y sabe decirme que falla, porque me estoy volviendo loco jeje.


A ver este es el codigo html del formulario: [code] <div id="formulario" >

<form action="mailto:[email protected]" method="post" enctype="text/plain">


<fieldset id="usuario">

<legend> Rellena los siguientes campos</legend>

<ul>

<li><p ><label for="nombre">Nombre</label><input id="nombre" name="nombre" type="text" value="Nombre"/></p></li>

<li><p><label for="apellidos">Apellidos</label><input id="apellidos" name="apellido" type="text" value="Apellidos"/></p></li>


<li><p><label for="email">Email</label><input id="email" name="mail" type="text" value="Email"/></p></li>

<li class="textarea"><p class="formularios"><label for="email">Comentario</label> <textarea cols="15" rows="2">Comentario</textarea></p></li>
</ul>


</fieldset>

<input type="submit" id="submit" value="Enviar"/>


</form>
</div>


estos serian sus css


#formulario {
margin: 0 auto;
width:650px;
height:250px;
}


form {
width:650px;
height:250px;
}

fieldset#usuario {
border-color:#CC99CC;

}


legend {
padding: 3px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC3399;
font-weight:bold:
}


legend li {

display:block;
}

li {

list-style-type:none;
}


label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#CC0099;
display:block;
float:left;
width:100px;

}


input {
margin:0px;
padding:0px;
width:100px;
border-left-color:#CC33CC;
border-right-color:#CC33CC;
border-top-color:#CC66CC;
border-bottom-color:#CC66CC;

}

.textarea {

height:80px;
}

input#submit {
margin-top:5px;
margin-left:544px;
}

p {
clear:both;
}

y aqui os pongo deonde lo estoy poniendo 1 el html

<link rel="stylesheet" type="text/css" href="css/globalcontacto.css" />
</head>

<body>


<div id="contenedor">

<div id="cabecera">




</div>



<div id="contenido">

<ul>

<li><a href="home.html">Inicio</a></li>
<li><a href="experiencia.html">Experiencia</a></li>
<li><a href="curriculum.html">Curriculum</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>

<hr />


</div>



<div id="formulario" >

<form action="mailto:[email protected]" method="post" enctype="text/plain">


<fieldset id="usuario">

<legend> Rellena los siguientes campos</legend>

<ul>

<li><p ><label for="nombre">Nombre</label><input id="nombre" name="nombre" type="text" value="Nombre"/></p></li>

<li><p><label for="apellidos">Apellidos</label><input id="apellidos" name="apellido" type="text" value="Apellidos"/></p></li>


<li><p><label for="email">Email</label><input id="email" name="mail" type="text" value="Email"/></p></li>

<li class="textarea"><p class="formularios"><label for="email">Comentario</label> <textarea cols="15" rows="2">Comentario</textarea></p></li>
</ul>


</fieldset>

<input type="submit" id="submit" value="Enviar"/>


</form>
</div>


<div id="chicaizquierda"></div>
<div id="chicaderecha"></div>

<div id="estrellasizquierda"></div>
<div id="estrellasderecha"></div>

<div id="ciudad"></div>
<div id="ciudad2"></div>

<div id="pie">

<p class="pie">Enero 2009 design by nachomora.es</p>
</div>


<hr class="lineaabajo" />


</div>
</body>
</html>
y la hoja de estilos donde introduzco los estilos del formulario


@import url(reset.css);



body {

text-align:center;

}


div#contenedor {

width:860px;
text-align:left;
margin: 0 auto;


}







body {

text-align:center;
background-image:url(../imagenes/fondo.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
color:#999999;


}






#estrellasizquierda {
width:157px;
height:155px;
background:url(../imagenes/estrellas_fondo.png) ;
position:absolute;
top:485px;
left:190px;
z-index:-1;

}

#estrellasderecha {
width:149px;
height:167px;
position:absolute;
background-image:url(../imagenes/estrellasderecha.png);
top:495px;
left:1080px;
z-index:-2;
}


#ciudad {
background-image:url(../imagenes/ciudad.png);

width:460px;
height:310px;
position:absolute;
top:346px;
left:1px;
z-index:-3;
}

#ciudad2 {
background-image:url(../imagenes/ciudad2.png) ;

width:460px;
height:310px;
position:absolute;
top:346px;
left:1000px;
z-index:-4;
}


#cabecera {


background:url(../imagenes/cabecera.jpg) no-repeat;

width:860px;
height:140px;

padding:0px;

}



hr {

width:70%;
color:#CC66CC;
position:relative;
top:50px;
left:30px;

}




div#contenido {
position:relative;
height:500px;
width:858px;
background-color:#f3dbf5;
border:solid 1px;


}



ul li {
position:relative;
top:20px;
left:220px;
width:750px;
height:180px;
text-align:center;
border-bottom:1px solid #CC66CC;

}


ul li {
display:inline;
margin:0px 4px 0px 4px ;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:20px;


}

ul li a:link {

text-decoration:none;
color:#6b0469;
}

ul li a:visited {
color:#FF00CC;
text-decoration:none;
}

ul li a:hover {
color:#fcabfd;
}


ul li a:active {

color:#FF66CC;
}


h1 {

font-family:Georgia, "Times New Roman", Times, serif;
color:#990099;
font-size:24px;
text-align:center;
margin-top:50px;
position:absolute;
top:167px;
left:410px;
}

h2 {

font-family:Georgia, "Times New Roman", Times, serif;
color:#990099;
font-size:20px;
margin-top:70px;
position:absolute;
top:30px;
left:340px;
}

p {
font-size:11px;
position:absolute;
top:240px;
left:410px;
width:260px;
text-align:justify;


}






hr.lineaabajo {
width:70%;
color:#CC66CC;
position:relative;
top:-60px;
left:13px;
}




div#pie {
position:absolute;
top:642px;
left:286px;
width:860px;
background-color:#FF66FF;
border-color:#CCC;
height:15px;
margin:0 auto;

}
.pie {
position:relative;
top:-1px;
left:300px;
width:250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
color:#FFFFFF;

}


#formulario {
margin: 0 auto;
width:650px;
height:250px;
}


form {
width:650px;
height:250px;
}

fieldset#usuario {
border-color:#CC99CC;

}


legend {
padding: 3px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC3399;
font-weight:bold:
}


legend li {

display:block;
}

li {

list-style-type:none;
}


label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#CC0099;
display:block;
float:left;
width:100px;

}


input {
margin:0px;
padding:0px;
width:100px;
border-left-color:#CC33CC;
border-right-color:#CC33CC;
border-top-color:#CC66CC;
border-bottom-color:#CC66CC;

}

.textarea {

height:80px;
}

input#submit {
margin-top:5px;
margin-left:544px;
}

p {
clear:both;
}