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