Menus laterales lentos

[WebPL]

Hola, que tal, estoy rediseñando mi web, pero me encontre con un problema, los menus laterales andan muyyy lentos, me di cuenta que lo ocasiona un float,

Código CSS:

#menu-izquierdo {
    padding-right:10px;
    clear:left;
        }
        
#menu-derecho {
    padding-left:10px; 
    clear:right;
        }
 
.menu-l {
    width:160px;
    margin-top:-12px;
    float:left;
        }
        
.menu-l ul { 
    width:160px; 
    border:0px;
    margin-bottom:15px;
    padding-left:0px;
    background:#B3B4B2 url('imagenes/apariencia/1/menu-lateral-bg.png') repeat-x;
        }
 
.menu-l li { 
    list-style:none; 
    font-size:11px;  
    border:solid #111111;
    border-width: 1px 1px 0px 1px; 
        }
            
.menu-l li a { 
    display:block;
    background:url('imagenes/apariencia/1/li-on.png') no-repeat center left;  
    color:#000000; 
    text-decoration:none;
    font-weight:normal;
    padding:2px 2px 2px 18px;
        }
        
.menu-l li a:hover {
    color:#FFFFFF;
    background:#<?php echo $_COLOR; ?> url('imagenes/apariencia/1/li-on.png') no-repeat center left;
    padding:2px 2px 2px 18px;
        }
 
.menu-l li.inactivo { 
    display:block; 
    background:url('imagenes/apariencia/1/li-off.png') no-repeat center left;
    color:#333333; 
    text-decoration:line-through; 
    padding:2px 2px 2px 18px;
    font-size:12px;
        }
 
.menu-l li.titulo { 
    height:40px;
    color:#FFFFFF;
    border:1px solid #000000;
        }
        
.menu-l li.titulo img {
    margin-top:1px;
    margin-left:1px;    
        }
        
.menu-l li.subtit { 
    font-size:13px;
    font-variant:small-caps;
    text-align:center;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    text-shadow:#111111 1px 1px 1px;
    background:#<?php echo $_COLOR; ?> ;
        }
 
.menu-l .etitulo { 
    font-size:13px; 
    font-weight:bold; 
    font-variant:small-caps; 
    padding-bottom:1px; 
    display:block;
        }
        
.menu-l .etitulo2 {
    font-size:12px; 
    font-variant:small-caps; 
    padding-bottom:5px; 
    display:block;
        }
        
.menu-l li.gb { 
    background:#<?php echo $_COLOR; ?> url('imagenes/consolas/gbc.png')  no-repeat center left;
    font-size:13px;
    font-variant:small-caps;
    text-align:center;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    text-shadow:#111111 1px 1px 1px;
        }
 
.menu-l li.gba { 
    background:#<?php echo $_COLOR; ?> url('imagenes/consolas/gba.png')  no-repeat center left;
    font-size:13px;
    font-variant:small-caps;
    text-align:center;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    text-shadow:#111111 1px 1px 1px;
        }
 
.menu-l li.n64 { 
    background:#<?php echo $_COLOR; ?> url('imagenes/consolas/n64.png')  no-repeat center left;
    font-size:13px;
    font-variant:small-caps;
    text-align:center;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    text-shadow:#111111 1px 1px 1px;
        }
 
.menu-l li.ngc { 
    background:#<?php echo $_COLOR; ?> url('imagenes/consolas/ngc.png')  no-repeat center left;
    font-size:13px;
    font-variant:small-caps;
    text-align:center;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    text-shadow:#111111 1px 1px 1px;
        }
 
.menu-l li.nds { 
    background:#<?php echo $_COLOR; ?> url('imagenes/consolas/nds.png')  no-repeat center left;
    font-size:13px;
    font-variant:small-caps;
    text-align:center;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    text-shadow:#111111 1px 1px 1px;
    }
 
.menu-l li.wii { 
    background:#<?php echo $_COLOR; ?> url('imagenes/consolas/wii.png') no-repeat center left;
    font-size:13px;
    font-variant:small-caps;
    text-align:center;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    text-shadow:#111111 1px 1px 1px;
        }
 
.menu-l li.com { 
    background:#<?php echo $_COLOR; ?> url('imagenes/consolas/com.png') no-repeat center left;
    font-size:13px;
    font-variant:small-caps;
    text-align:center;
    font-weight:bold;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    text-shadow:#111111 1px 1px 1px;
        }
    
.menu-l .fecha {
    display:block; 
    font-style:italic;
        }
 
.menu-l .jap {
    background:url('imagenes/banderas/jp.png') no-repeat 8px
        }
        
.menu-l .usa {
    background:url('imagenes/banderas/eu.png') no-repeat 8px;
        }
        
.menu-l .eur {
    background:url('imagenes/banderas/eur.png') no-repeat 8px;
        }
        
.menu-l .mx {
    background:url('imagenes/banderas/mx.png') no-repeat 8px;
        }
        
.menu-l .es {
    background:url('imagenes/banderas/es.png') no-repeat 8px;
        }
 
.menu-l ul li.fin { 
    background: url('imagenes/apariencia/1/menu-lateral-pie-bg.png') no-repeat; 
    height:10px; border:0px;
        }
 

este --> .menu-l {
width:160px;
margin-top:-12px;
float:left;
}

si se lo quito ya se soluciona el problema, pero se descuadra toda la pagina, alguien me puede ayudar?

gracias de antemano

[jomaruro]

Hola:

Creo que acabas de hacer el descubrimiento del siglo ¿Un float:left hace ir muyyy lentos los menús laterales? Por que no existe la categoría apropiada que sí no te llevabas el Nobel. Revisa bien porque tiene que ser otra cosa.

Saludos.

[alexk]

Iniciado por jomaruro

Hola:

Creo que acabas de hacer el descubrimiento del siglo ¿Un float:left hace ir muyyy lentos los menús laterales? Por que no existe la categoría apropiada que sí no te llevabas el Nobel. Revisa bien porque tiene que ser otra cosa.

creo que los elementos "estaticos" dentro de un elemento flotante, se mueven tan lento que no lo vemos.... investigare sobre ello...