Tema: Error con IE
Ver Mensaje Individual
  #16 (permalink)  
Antiguo 22/10/2011, 12:54
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Error con IE
Si, se nota.

En primer lugar lee bien lo que se te plantea, nadie habló de remover el boxshadow,
vos pasaste un código, una parte en html y otra en css, el html es solo un fragmento, supongo que tu página tendrá algo más que un menu.

Hacé esta prueba
crea un html nuevo con el siguiente código

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.    <head>
  5.       <title>
  6.          titulo
  7.       </title>
  8.       <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  9.       <style type="text/css">
  10. /*<![CDATA[*/
  11.       body {
  12.       font-size:12px;
  13.       font-family:Arial;
  14.       color:#FFFFFF;
  15.       padding:0;
  16.       margin:0;
  17.       background-color: #0F1110;
  18.       }
  19.       body,html {
  20.       overflow:hidden;
  21.       width:520px !important;   
  22.       } 
  23.       p {
  24.       line-height:20px;
  25.       color:#FFFFFF;
  26.       padding: 5px 0 0 0; margin:0;
  27.       }
  28.       img { border:0;
  29.       }
  30.       #container {
  31.       margin:0 auto;
  32.       }
  33.       a { outline:none; color:#FFFFFF; text-decoration:none
  34.       }
  35.       a:hover { text-decoration:underline
  36.       }
  37.       /* Headers */
  38.       #header { position:fixed; top:0px; left:0; width:520px; z-index:100; /*background:url(../images/bg.png) repeat-x left top #f6f3ea;*/
  39.       }
  40.       /* Menu
  41.       -------------------------------------------------------------- */
  42.       #access_container {
  43.       width:520px;
  44.       margin:0 auto; 
  45.       padding:31px 0 0 0; height:159px;
  46.       /* background:url(../images/header_bg.png) no-repeat center top;*/
  47.       }
  48.       #access { padding-left:37px
  49.       }
  50.       #access ul { margin:0; padding:0;
  51.       }
  52.       #access li { margin:0 11px 0 0; padding:0; float:left; list-style:none;
  53.       }
  54.       #access a {
  55.       font-size:18px;
  56.       color:#FFFFFF;
  57.       text-decoration:none;
  58.       display:block;
  59.       padding:11px 20px;
  60.       float:left;
  61.       line-height:16px;
  62.       }
  63.       #access a.active, #access a:hover {
  64.       color:#dd100d;
  65.       text-decoration:none !important;
  66.       -moz-border-radius: 7px; /* Firefox */
  67.       -webkit-border-radius: 7px; /* Safari, Chrome */
  68.       -khtml-border-radius: 7px; /* KHTML */
  69.       border-radius: 7px; /* CSS3 */
  70.       -moz-box-shadow:0 0 8px #e4e0d8;
  71.       -webkit-box-shadow:0 0 8px #e4e0d8;
  72.       -khtml-box-shadow:0 0 8px #e4e0d8;
  73.       background-color: #0F1110;
  74.       }
  75.       #logo { text-align:center; padding-bottom:27px;
  76.       }
  77.       /* =Content
  78.       -------------------------------------------------------------- */
  79.       #main {
  80.       clear:both;
  81.       }
  82.       .card_container {
  83.       width:520px;
  84.       padding:0;
  85.       margin:0px auto; 
  86.       }
  87.       .clear2 { font-size:0; height:0; clear:both;
  88.       }
  89.       /* Home */
  90.       #home {
  91.       width:520px;
  92.       padding:0;
  93.       padding-top:190px;
  94.       margin:0 auto 19px auto;  
  95.       }
  96.       #home p { padding:0 !important; margin:0;
  97.       }
  98.       #slider {position:relative; width:520px; height:400px; padding:0px; margin-bottom:29px !important; 
  99.       }
  100.       #slider img {position:absolute; top:0px; left:0px; display:none;
  101.       }
  102.       #slider a { border:0; display:block;
  103.       }
  104.       .nivo-controlNav {position:absolute; bottom:20px; right:200px
  105.       }
  106.       .nivo-controlNav a {
  107.       display:block;
  108.       width:15px;
  109.       height:15px;
  110.       background:url(../images/bullets.png) no-repeat;
  111.       background-position:0 -15px;
  112.       text-indent:-9999px;
  113.       border:0;
  114.       margin-left:11px;
  115.       float:left;
  116.       }
  117.       .nivo-controlNav a.active {
  118.       background-position:0 0;
  119.       }
  120.       .nivo-directionNav a {
  121.       display:none;
  122.       text-indent:-9999px;
  123.       border:0;
  124.       }
  125.       a.nivo-nextNav, a.nivo-prevNav {
  126.       display:none !important;
  127.       }
  128.       /* About */
  129.       #about { padding-bottom:36px;
  130.       }
  131.       .page_img { padding:0 0 34px 0;
  132.       }
  133.       .left_img { float:left; padding:0 20px 5px 0;
  134.       }
  135.       h2 { padding:0px; margin:-5px 0 10px 0; font-size:30px; color:#FFFFFF; font-weight:normal; line-height:28px;
  136.       } 
  137.       /* Services */
  138.       #services { padding-bottom:11px;
  139.       }
  140.       .menus_title { text-transform:uppercase; padding:7px 0 4px 0;
  141.       }
  142.       #services p { padding:0 0 4px 0; margin:0;
  143.       }
  144.       /* Contact */
  145.       #contact { padding-bottom:79px;
  146.       }
  147.       #contact .left { float:left; width:280px;
  148.       }
  149.       #contact .right { float:right; width:200px; padding-bottom:30px;
  150.       }
  151.       #contact p { padding:6px 0 20px 0; margin:0;
  152.       }
  153.       /* Other */
  154.  
  155.       .content {
  156.       }
  157.       .content_in { padding:0 10px;
  158.       }
  159.       .clear {float:left; clear:both;
  160.       }
  161.       .wrap { width:520px; position:relative;
  162.       }
  163.       .footer {
  164.       /* [disabled]background:url(../images/footer_bg.png) repeat-x left top #FFFFFF; */
  165.       padding-bottom:500px
  166.       }
  167.       .copyright { 
  168.       font-size:12px;
  169.       color:#FFFFFF;
  170.       width:520px; 
  171.       padding:24px 0;
  172.       /*background:url(../images/copyriht_bg.gif) no-repeat center top #FFFFFF;*/
  173.       margin:0 auto;
  174.       text-align:center; 
  175.       }
  176.       /*]]>*/
  177.       </style>
  178.    </head>
  179.    <body>
  180.       <div id="access">
  181.          <ul>
  182.             <li>
  183.                <a href="#home" class="nav_home nav active">Home</a>
  184.             </li>
  185.             <li>
  186.                <a href="#about" class="nav_about nav">Restaurant</a>
  187.             </li>
  188.             <li>
  189.  
  190.                <a href="#services" class="nav_services nav">Menus</a>
  191.             </li>
  192.             <li>
  193.                <a href="#contact" class="nav_contact nav">Contact</a>
  194.             </li>
  195.          </ul>
  196.          <div class="clear2"></div>
  197.       </div><!-- #access -->
  198.    </body>
  199. </html>

después visualizalo con Firefox e IE (8,9,7, el que sea, y decinos que ves

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.