La capa no se me mueve bien

[ramondevesa]

Buenas, cuando redimensiono el navegador, toda la página web se me encoge poco a poco, exceptuando un menú, el cual se queda fijo en su posición y no acompaña a la capa que tiene justamente a su izquierda que es un menu.

Este es el CSS del menu.

Código CSS:

#BJ_MainMenu{position:absolute;text-align:left;z-index:100000; margin-top:20px; width: 600px; left:618px; }
 

Sé que el left:618px; es el que no permite al menú correr hacia la izquierda cuando redimensiono la web, pero es que si lo elimino, este menú se coloca encima del logotipo que está en su izquierda visualizandose al final únicamente el logotipo y encima de él los dos últimos botones del menu. :) gracias por todo.

[pzin]

A mi se me hace difícil imaginarme todo aquello; mejor pon algo más de código.

[ramondevesa]

HTML:

Código HTML:

<div id="BJ_MainMenu" class="dropdown" style="right: 240px; ">
    <div class="MainMenu-inner1">
        <div class="MainMenu-inner2">
<div class="bg0"><div class="bg1"><div class="bg2"><ul id="bj_list_menu_257" class="list_menu">
<li class="active_mitem"><a href="/xxx/?view=featured" class="mainlevel active_mitem"><span style="color: rgb(153, 153, 153); display: inline; ">01</span><br>Inicio</a></li>
<li class=""><a href="/xxx/index.php/nosotros" class="mainlevel"><span>02</span><br>Equipo</a></li>
<li class=""><a href="/xxx/index.php/servicios" class="mainlevel"><span style="color: rgb(153, 153, 153); display: inline; ">03</span><br>Servicios</a></li>
<li class=""><a href="/xxx/index.php/portafolio" class="mainlevel"><span style="color: rgb(153, 153, 153); display: inline; ">04</span><br>Portafolio</a></li>
<li class=""><a href="/xxx/index.php/blog" class="mainlevel"><span>05</span><br>Blog</a></li>
<li class=""><a href="/xxx/index.php/contacto?view=foxcontact" class="mainlevel"><span>06</span><br>Contacto</a></li></ul><div class="clearer"></div></div><div class="clearer"></div></div><div class="clearer"></div></div>
 
        </div>
    </div>
</div>
 

CSS:

Código CSS:

style {
right: 240px;
}
#BJ_MainMenu {
top: 0px;
}
#BJ_MainMenu {
position: absolute;
text-align: left;
z-index: 100000;
margin-top: 20px;
width: 600px;
left: 618px;
}
* {
line-height: 1.5em;
margin: 0;
padding: 0;
}
div {
display: block;
}
 
* {
line-height: 1.5em;
}
user agent stylesheetcenter {
text-align: -webkit-center;
}
 
body {
color: #333;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
}
* {
line-height: 1.5em;
}
Inherited from html
* {
line-height: 1.5em;
}
 

[mariogl84]

Cuidado al pegar el CSS, que has copiado directamente del inspector del Chrome y fíjate que hay varias cosas que no son CSS.

En el html no se ve dónde está el logo, pero de todos modos: ¿has probado a flotar el logo a la izquierda y el menú a la derecha?