Para los que tiene Netbook (minilaptop)

[Geze]

En el siguiente código, si se visualiza desde una Netbook el fondo de la cabecera tapa la barra lataral izquiera, ¿como puedo hacer que la barra esté encima del background de cabecera?
He usado CSS z-index ... pero no sé cómo púedo ver la barra encima del fondo, espero me puedan ayudar, gracias.
CABECERA
<div id='cabecera' style='background-image:url(./image/bg.jpg);position:absolute;z-index:1;'>&nbsp;</div>
BARRA
#barra{
height:100%;
width:90px;
margin-right:auto;
position: fixed;
top:0px;
right:100%
z-index: 99;
}
<div id='barra'>
</div>
ASÍ SE VE
http://img826.imageshack.us/i/4567634235.jpg/

[joseomaker]

Iniciado por Geze

En el siguiente código, si se visualiza desde una Netbook el fondo de la cabecera tapa la barra lataral izquiera, ¿como puedo hacer que la barra esté encima del background de cabecera?
He usado CSS z-index ... pero no sé cómo púedo ver la barra encima del fondo, espero me puedan ayudar, gracias.
CABECERA
<div id='cabecera' style='background-image:url(./image/bg.jpg);position:absolute;z-index:1;'>&nbsp;</div>
BARRA
#barra{
height:100%;
width:90px;
margin-right:auto;
position: fixed;
top:0px;
right:100%
z-index: 99;
}
<div id='barra'>
</div>
ASÍ SE VE
http://img826.imageshack.us/i/4567634235.jpg/

segun los z-indexs que pusiste... la barra esta mas arriba que la cabezara,prueba inviertiendolos..

[Geze]

Ya lo intenté, pero no funciona.
Les dejo el ejemplo