Rotating Homepage Banner covering menu

Thanks to a topic I found on this forum I was able to add a rotating image banner to our homepage. Unfortunately, the banner is covering up the left hand side menu (image attached). I pasted this code right in a block on my homepage.


<head><br />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><br />
<br />
<script type="text/javascript" src="//www.phantomcables.com/images/attachments/fadeslideshow.js"><br />
<br />
/***********************************************<br />
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)<br />
* This notice MUST stay intact for legal use<br />
* Visit Dynamic Drive at //www.dynamicdrive.com/ for this script and 100s more<br />
***********************************************/<br />
<br />
</script><br />
<br />
<script type="text/javascript"><br />
<br />
var mygallery=new fadeSlideShow({<br />
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow<br />
	dimensions: [585, 250], //width/height of gallery in pixels. Should reflect dimensions of largest image<br />
	imagearray: [<br />
		["//www.phantomcables.com/images/graphics/home_banner_custom_plates.jpg", "//phantomcables.com/index.php?dispatch=categories.view&category_id=582", "_self", "Custom Stainless Steel Wall Plates"],<br />
		["//www.phantomcables.com/images/graphics/home_banner_hdmi.jpg", "//phantomcables.com/index.php?dispatch=categories.view&category_id=373", "_self", "High Speed HDMI Cables"],<br />
		["//www.phantomcables.com/images/graphics/home_banner_hammond.jpg", "//phantomcables.com/index.php?dispatch=categories.view&category_id=19", "_self", "Hammond Racks and Accessories"],<br />
		["//www.phantomcables.com/images/graphics/home_banner_cat.jpg", "//phantomcables.com/index.php?dispatch=categories.view&category_id=7", "_self", "Cat 5e and Cat 6 Cables"] //<--no trailing comma after very last image element!<br />
	],<br />
	displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},<br />
	persist: false, //remember last viewed slide and recall within same session?<br />
	fadeduration: 500, //transition duration (milliseconds)<br />
	descreveal: "ondemand",<br />
	togglerid: ""<br />
})<br />
<br />
</script></head><br />
<body><br />
<center><div id="fadeshow1"></div></center>
```<br />
<br />
Is there a way to modify the code so that it is under the menu and not covering it?<p><a href="127.0.0.1/uploads/monthly_09_2011/post-14301-0-61900800-1316028154.jpg">rotatingimageerror.jpg</a></p>

You are going to have to play around with the z-index css property.

You can change the z-index of ul.dropdown in dropdown.css to 1000 and you'll be all set. It is on line 14.



Hope that helps,



Brandon

Thank you very much everyone for the help. I tried to change the dropdown.css found in the skin folder I'm using but that didn't work; however, it did work when I changed the one found in the basic folder.



Thanks again!