Floting box problem on safari

[xencut]

I got a little problem when you enlarger the photo by clicking on it. Everything works well on IE, but in safari, whit the template a use, when the scroller is on top, the photo enlarge under the menu. Doesnt look very welll.
here is the link.
http://piktur-this.com/index.php?option=com_apa&Itemid=40&album=Shakedown%202008#1
anybody knows whats wrong???

[Arnaud]

Salut xencut !

You need to set a "z-index :1" in the CSS menu and an other one for your Ajax Photo Album (z-index: 99).

Looak at Rockettheme's forums, there are topics about that problem

@+

[xencut]

Hi Arnaud, thanks for the answer...
I looked around the rockettheme forum, but i didnt find anything about that...
Can you just tell me on witch css file of the Ajax photo gallery i have tu set that z-index:99
Thanks...

[Arnaud]

Hi xencut !

Sorry, i don't have Ajax Photo Album. So i can't give you the right way. But you can find CSS files here :
http://piktur-this.com/components/com_apa/css/apa.css
http://piktur-this.com/components/com_apa/scriptload.php?file

• =css/slimbox.css&gzip=1

For Replicant theme, you can try this modification :

Open http://piktur-this.com/templates/rt_replicant/css/rokmoomenu.css

Find :

Code:

div#horiz-menu {  /* this is a z-index ie6 and ie7 bug fix */
position: relative;
z-index: 50;
}

Replace with :

Code:

div#horiz-menu {  /* this is a z-index ie6 and ie7 bug fix */
position: relative;
z-index: 1;
}

Hope it help !

Arnaud

[xencut]

I have been able to change the z-index to 1 in the replicant css, but i dont find anything in the apa.css   , still doin the same thing...