Problema Menu CSS y Banner

[Kronox]

Hola a todos, tengo un problema con mi menu css, ya que quiero que este menu este encima del banner que tengo en mi pagina:

http://redboard.awardspace.com/pruebas/index.php
(No me deja poner link porque no tengo antiguedad -_-)

Ahora, ya he logrado que se ponga encima del banner pero al momento de cambiar de resolucion, sea de 1024x768 a 1200x800, el menu css se ve en otra parte del banner que no quiero que se vea. Logre hacer que el menu se centre en la pagina pero ahora quiero que este encima del banner y que este centrado a la vez. Alguien sabe como hacer esto?? Se los voy a agradecer muchisimo! Aqui les pongo el codigo css del menu:

.jqueryslidemenu{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
background: #B61818;
width: 235px;
margin:0 auto;
list-style-type:none;
}

.jqueryslidemenu ul{
padding: 0;
list-style-type: none;
}

.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

.jqueryslidemenu ul li a{
display: block;
background: #B61818;
color: #000000;
padding: 15px 18px;
text-align:center;
color: #000000;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

.jqueryslidemenu ul li a:hover{
background: black;
color: #CC0000;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

.jqueryslidemenu ul li ul li ul{
top: 0;
}

.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
width: 160px;
padding: 8px 10px;
margin:0 auto;
border-top-width: 0;
border-bottom: 1px solid #000000;
}

.jqueryslidemenuz ul li ul li a:hover{
background: #eff9ff;
color: black;
}

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

[omar1piamba]

Hola:
No entiendo la pregunta; pero así lo veo en FF3.0.4 (Windows XP) (800 de Resolución)



Un amigo desde Colombia,

[Kronox]

Ves ese menu? Lo que pasa es que quiero ese menu adentro del banner estando centrado asi como lo tengo ahorita. Saludos y gracias por responder

[Aresillo]

Has probado con los desplazamientos?
Pones left: y su medida
top y su medida...
y la posición también tienes que añadirla

Aresillo!!

[Kronox]

Ya probe haciendo eso y si logro que este adentro del banner, pero solo lo veo asi en mi resolucion, cuando pongo una resolucion mas grande el menu se ve en otra parte y eso es lo que no quiero que haga, quiero que en cualquier resolucion se vea igual, ese es mi problema

[Aresillo]

Y has probado a poner el desplazamiento en tanto por ciento...?

Así igual se adapta...

Aresillo!!

[omar1piamba]

Hola:
Ponga el banner como fondo (background-image) de la cabecera y el menú sí ubíquelo como un <div>.

Un amigo desde Colombia,

[Kronox]

Quizas es mi culpa pero ya trate de hacer las 2 cosas que me dijeron y lo del background image no resulto porque sale como fondo en el menu y no se ve bien y con los porcentajes el banner se dejo de centrar. La verdad ya no se cual sea el problema y cada vez que trato de mejorarlo, me salen peor las cosas xD. Saludos y gracias por tratar de ayudarme.


Edit: Despues de modificar la estructura del header y del centreado, ya quedo adentro del banner, gracias a omar1piamba por lo del background-image, si resulto eso. Ahora tengo otro problemita en el menu, el menu se corta al momento de querer seleccionar una opcion que este abajo del header, no se como explicarlo, pero hay yo les puse el link de la pagina para que la vean. Saludos

[Aresillo]

Me da mi que ese problema parece cosa del z-index... ponle al menu un z-index más bajo y supongo que lo arreglarás..
Por cierto, no puedo ver tu página...

Aresillo!!

[Kronox]

Este es el link de la pagina, si funciona el link:

http://redboard.awardspace.com/pruebas/index.php

Y gracias por lo del z-index, lo arregle agregando z-index en el menu y en el header y ya le puse un numero menor al menu que al header y ya funciona bien, Saludos y gracias ;)