los DIV se mueven

Ayuda...
he creado un FORM en el dreamweaver, utlizando CSS, posicione un DIV con sus valores y "relative" hasta ahi todo OK, pero si abro la pagina en IE o firefox, dicha DIV se va a otro lado... por la cara!!! XK pasa eso??? alguinpodria echarme una mano???

Gracias

postea tu codigo

Esto???


<div id="formulario" class="form">
<form action="formulario" method="post">
<div id="nombre">Nombre
<input name="Nombre" type="text" size="30" />
</div>
<div id="empresa">Empresa
<input name="Empresa" type="text" size="30"/>
</div>
<div id="email">email
<input name="email" type="text" size="30" />
</div>
<div id="coment">Comentarios
<textarea name="coment" cols="30" rows="5"></textarea>
</div>
<div id="enviar">
<input name="enviar" type="submit" value="enviar" />
</div>
<div id="limpiar">
<input name="limpiar" type="reset" value="Borrar datos" />
</div>
</form>
</div>

Bueno realmente creo que se refería al CSS, de todas formas ya de paso te comento, lo primero que hay que hacer cuando estés maquetando algo es darle una estructura correcta, para el caso que te hace falta quedaría así:

Código :

<form id="formulario" class="form" action="formulario.php" method="post">
   <fieldset>
      <legend>Formulario de contacto</legend>
      
      <ul id="datos_usuario">
         <li>
            <label for="id_nombre">Nombre (*)</label>
            <input id="id_nombre" name="nombre" type="text" size="30" value="Nombre..." />
         </li>
         <li>
            <label for="id_empresa">Empresa</label>
            <input id="id_empresa" name="empresa" type="text" size="30" value="Nombre de su empresa..." />
         </li>
         <li>
            <label for="id_email">Email (*)</label>
            <input id="id_email" name="email" type="text" size="30" value="Email..." />
         </li>
      </ul>
      
      <div id="comentario">
         <label for="id_comentario">Comentario (*)</label>
         <textarea id="id_comentario" name="coment" cols="30" rows="5">Escriba aqu&iacute; su comentario...</textarea>
      </div>
      
      <ul id="acciones_formulario">
         <li><input name="enviar" type="submit" value="enviar" /></li>
         <li><input name="limpiar" type="reset" value="Borrar datos" /></li>
      </ul>
      
   </fieldset>
</form>

Es importante que utilices los elementos que nos proporciona el html (y lo hagas de forma correcta), ya que ganarás en usabilidad (por ejemplo fíjate que ahora al pinchar sobre el texto de los labels el focus se mueve al input o al textarea al que están vinculados), accesibilidad (con otros sistemas de lectura no tendríamos forma de saber qué texto está vinculado con qué input, por ejemplo) y en semántica, que además repercute sobre el page ranking en algunos buscadores.
Y sobre todo, porque al utilizar las cosas de la forma correcta es más fácil analizar los problemas en el caso de que aparezcan, prueba a darle los estilos a este código verás como es más fácil.

yo nunca lo habia hecho asi y habia comentado que estaba buena tu explicacion pero ahora probé a implementarlo yo aver si servia
y en IE se destruye
me refiero a jhonny

se destruye?? pero les has adaptado los estilos??? te pongo un ejemplo en una página de pruebas que estoy haciendo de ese mismo código con los estilos pertinentes que se ve igual en internet explorer 6 y 7, firefox 3, opera 9 y safari para windows 3.2...
(quitando los :hover y focus en IE porque es una patata de explorador y no los soporta)
CSS:

Código :

      #formulario_contacto input,
      #formulario_contacto textarea,
      #formulario_contacto option{
         font: normal 1em/138% Arial, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
         color:#666;}
      
      #formulario_contacto input,
      #formulario_contacto textarea{border:1px solid #999;}
      
      #formulario_contacto input:hover,
      #formulario_contacto textarea:hover,
      #formulario_contacto option:hover{background-color:#fafafa;}
         
      #formulario_contacto input:focus,
      #formulario_contacto textarea:focus,
      #formulario_contacto option:focus{color:#333;}
      
      #formulario_contacto input:focus,
      #formulario_contacto textarea:focus{border:1px solid #666;}
      
      #formulario_contacto legend{display:none;}
      
      #datos_usuario li{
         padding:3px 0;
         clear:both;}
      
         #datos_usuario label{
            display:block;
            width:29%;
            padding:0 1% 0 0;
            float:left;}
         
         #datos_usuario input{
            display:block;
            width:68%;
            float:right;}
            
      #comentario_usuario li{clear:both;}   
         
         #comentario_usuario label{
            display:block;
            width:29%;
            padding:3px 1% 0 0;
            float:left;}
         #comentario_usuario textarea{
            display:block;
            width:68%;
            margin:3px 0 0 0;
            float:right;}
         
      #acciones_formulario{
         padding:15px 0 15px 33%;
         clear:both;
         text-align:center;}
      #acciones_formulario li{display:inline;}

XHTML

Código :

   <form id="formulario_contacto" action="formulario.php" method="post">
      <fieldset>
         <legend>Formulario de contacto</legend>
         <h3>Formulario de contacto</h3>
         <ul id="datos_usuario">
            <li>
               <label for="id_nombre">Nombre (*)</label>
               <input id="id_nombre" name="nombre" type="text" size="30" value="Nombre..." />
            </li>
            <li>
               <label for="id_empresa">Empresa</label>
               <input id="id_empresa" name="empresa" type="text" size="30" value="Nombre de su empresa..." />
            </li>
            <li>
               <label for="id_email">Email (*)</label>
               <input id="id_email" name="email" type="text" size="30" value="Email..." />
            </li>
         </ul>
         
         <div id="comentario_usuario">
            <label for="id_comentario">Comentario (*)</label>
            <textarea id="id_comentario" name="coment" cols="30" rows="5">Escriba aqu&iacute; su comentario...</textarea>
         </div>
         
         <ul id="acciones_formulario">
            <li><input name="enviar" type="submit" value="enviar" /></li>
            <li><input name="limpiar" type="reset" value="Borrar datos" /></li>
         </ul>
         
      </fieldset>
   </form>

El DTD es xhtml stricto y puedes ver el ejemplo aquí

En fin, al menos espero que te sirva de ejemplo...

a gracias por el ejemplo igual
yo no era el de la pregunta
yo estaba haciendo un comentario nomas

igual para que sepas yo estaba poniendo los 'clear:both' en cualquier lado por eso se 'destruia' jaja
beso

un pequeño error ahora que lo comentas: sustituye #comentario_usuario li{clear:both;} por #comentario_usuario{clear:both;} que he copiado y pegado y se me ha olvidado quitar el LI, pues eso, no hay de qué

igual no se si matzappa, el autor de este psot sigue vivo

ajjajajajjaja!!

sigo vivo si!!!!! acabo de leer tu respuetsa, muxisima gracia... me pondre con eso!!!
ya os dire algo

gracias