Stworzyłem menu w html-u
<ul id="navigation-1"> <ul class="navigation-2"> </ul> </li> </ul> ul#navigation-1 {margin:0; padding:0; list-style:none; width:100%; height:21px; font-size:14px;} ul#navigation-1 li {margin:0; padding:0; display:block; float:left; position:relative;} ul#navigation-1 li a:link, ul#navigation-1 li a:visited {padding:18px 25px 10px 25px; display:block; text-align:center; text-decoration:none; color:white; width:auto; height:25px; } ul#navigation-1 li:hover a, ul#navigation-1 li a:hover, ul#navigation-1 li a:active {padding:18px 25px 10px 25px; display:block; text-align:center; text-decoration:none; color:white; width:auto; height:25px; background:url('../images/bg-menu-on.gif') scroll;} ul#navigation-1 li ul.navigation-2 { margin:0; padding:0px 0px 0px 0px; list-style:none; display:none; background:#f5a967; width:150px; position:absolute; top:53px; left:-1px; font-size:9pt; text-align:center;} ul#navigation-1 li:hover ul.navigation-2 { display:block; } ul#navigation-1 li ul.navigation-2 li { width:130px; clear:left; width:130px; } ul#navigation-1 li ul.navigation-2 li a:link, ul#navigation-1 li ul.navigation-2 li a:visited { clear:left; background:#f5a967; padding:9px 20px 0 20px; width:110px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; text-align:left; font-size:9pt;} ul#navigation-1 li ul.navigation-2 li:hover a, ul#navigation-1 li ul.navigation-2 li a:active, ul#navigation-1 li ul.navigation-2 li a:hover { clear:left; background:#ef6f01; padding:9px 20px 0 20px; width:110px; border-bottom:1px solid #ffffff; position:relative; z-index:1000; font-size:9pt;}
W tej części kodu wyświetlany jest baner w jquery który zmienia zdjęcia.
<div id="slideshow"> <img src="{$img_file}image01.gif" alt="Slideshow Image 1" class="active" /> <img src="{$img_file}image02.gif" alt="Slideshow Image 2" /> <img src="{$img_file}image03.gif" alt="Slideshow Image 3" /> </div> #slideshow {position:relative; height:217px; padding:0px;} #slideshow img {position:absolute; top:0; left:0; z-index:8; opacity:0.0;} #slideshow img.active {z-index:10; opacity:1.0;} #slideshow img.last-active {z-index:9;}
Nie wiem czemu ale w firefox, google chrome, menu pojawia się nad obrazkami (banerem) a w IE menu pojawia się pod zdjęciami.
Proszę o pomoc,
Jacek