resulta que estoy aprendiendo a manejar las capas y Divs, y hasta ahora pareceria que lo habia dominado el problema es que al probar con otros navegadores que no sea IE en cualquier version, todo el diseño aparece descuadrado y fuera de lugar...
mi codigo es este
Código PHP:
   <!--  <style type="text/css">
* { margin: 0;padding: 0;}
ul {margin-top: 20px;}
li {display: inline;
margin-left: 20px;
}
a {padding: 4px 0px 5px 15px;
color: #000;
text-decoration: none;
font: bold 0.8em Verdana;
line-height: 28px;
}
a span {padding: 4px 20px 5px 0px;}
a:hover {background: transparent url(fondo_izq.gif) repeat-y;}
a:hover span {background: transparent url(fondo_der.gif) repeat-y right top;}
</style> -->
<!--[if IE]><style>a span {margin-top: -4px;}</style><![endif]--> 
    Código PHP:
  
<div id="cuerpo">
<? include("include/log.php") ?>
<? include("include/header.php") ?>
<center>
<h3>Bienvenido <? if ($_SESSION['nivel'] == ""){echo " Visitante ";} else {echo $_SESSION['nomb'];}?>
<br>
Hoy es <? include("include/fecha.php") ?></h3></center>
<center>
    <? if ($cel=="NO"){?>
<div id="tronco" style="
 position:relative;
 width: 980px;
 height:350px;
 font-size: 12pt;
 text-align: center;
 background-color: #bbbbbb;
 margin: 10px;       */
 padding: 20px;
 border: 0px
 solid #e7a219; ">
<? if ($_SESSION['nivel'] == ""){ ?>
     <? include("include/servers.php") ?>
<div id="AVISO" style="
 position:relative;
 right : 5px;
 width: 460px;
 height:250px;
 font-size: 12pt;
 font-family: verdana;
 text-align: center;
 background-color: #bbbbbb;
 margin: 10px;
 padding: 20px;
 border: 5px
 solid #FF0000; ">
   Codigo Sin Importancia..........
</div>
<? } else { ?>
<div id="AVISO" style="
 position:relative;
 right : 5px;
 width: 450px;
 font-size: 12pt;
 font-family: verdana;
 text-align: center;
 background: #fff url('image/fond.jpg') repeat bottom right;
 margin: 1px;
 padding: 2px;
 border: 2px
 solid #e7a219; ">
    Codigo sin Importancia-..........
</div>
 
<div id="AVISO" style="
 position:relative;
 right : 5px;
 width: 450px;
 float: center;
 font-size: 12pt;
 font-family: verdana;
 text-align: center;
 background: #fff url('image/fond.jpg') repeat bottom right;
 margin: 1px;
 padding: 2px;
 border: 2px
 solid #e7a219; ">
       Codigo sin Importancia..........
</div>
<? } ?>
<div id="feliz" style="
 position:absolute;
 top : 10px;
 right : 5px;
 width:250px;
 font-size: 10pt;
 font-family: arial;
 text-align: center;
 background: #bbb url('image/fond.jpg') repeat bottom right;
 border: 2px
 solid #ffff00; ">
  <fieldset>
   Codigo sin importancia.........
 </fieldset>
</div>
    <? } else {echo "<b>Acceso Movil</b>";}
      if ($_SESSION['nivel'] == ""){ include("entra1.php"); };
    ?>
</center>
<? if (($_SESSION['nivel'] == "1") OR
       ($_SESSION['nivel'] == "2") OR
       ($_SESSION['nivel'] == "3") OR
       ($_SESSION['nivel'] == "4") OR
       ($_SESSION['nivel'] == "5") OR
       ($_SESSION['nivel'] == "6")){  ?>
<div style="
            position: absolute;
            top : 10px;
            left : 5px;
            float: left;
            padding: 1px;
            width:230px;
/*          height:220px;  */
            border: 2px
            solid #FFFF00;
            background: #bbb url('image/fond.jpg') repeat bottom right;
/*            background-color: #bbb; */">
<div id="menu">
  <div class="barraMenu">
 
//   Codigo sin importancia.............
 
  </div>
</div>
</div>
    <? } ?>
</div></div>   espero que alguien me oriente...
Gracias de antemano
Saludos!!
 
 
 desordena en chrome y perfecto en IE
 desordena en chrome y perfecto en IE 




