Nefunkční z-index

[.:M@rt!n:.]

Hoj, mám takovýto kód:

Kód: Vybrat vše

<div id="main">
      <div id="header">    

        <h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

        <div id="menu">

a k tomu toto css:

Kód: Vybrat vše

#main{background: url('images/ornamenty.png') top center no-repeat; height: 925px; position: relative; z-index:2; }

#header{position: relative; z-index: 1;}

Nemůžu rozchodit z-index tak aby hlavička byla níže. Nevíte kde dělám chybu?

[CZechBoY]

nebude to tim že ten div#header je v div#main?

[.:M@rt!n:.]

Aha, to mě nenapadlo, že to může být tímto. A pro vnořené tagy existuje nějaká možnost překrytí?

[CZechBoY]

nahoď sem nějakou live ukázku, možná bude stačit i tohle

[.:M@rt!n:.]

Live ukázku bohužel nahodit nemůžu. Ale zkoušel jsem to dat každý do DIVu tak aby to nebylo vnořený a stejně z-index nefunguje.

[CZechBoY]

hoď sem live ukázku nebo aspoň celej vygenerovanej CSS a HTML kod, z tohohle se dá fakt houby poznat
www.testing.jabko.net/z-index.php je tu snad nějakej problém se stejným kodem?

[.:M@rt!n:.]

Právě že ten z-index bych potřeboval přesně obráceně. Ta hlavička je částečně překrytá obrázkem.

[CZechBoY]

nevim co myslíš, udělej ukázku