Div Position and drop down menus getting overlapped by flash slideshow

[emayfield]

Hey guys I'm really stumped I'm just starting this project and so far all I have is a javascript/css drop down menu I'm tweaking and a flash slide show. Right now I'm having 2 problems.

#1 my menus are getting overlapped by the flash, I keep trying a z-index on the div I have in the flash, but it isn't working.

#2 I'm having problems positioning the div which the flash is contained by. For example I tried centering the div with css and it was to no avail. I had to put <center></center> around the whole div to achieve this.

If anyone could help that would be amazing, check out www.atlanta-web.com

Thanks

[jcdevelopment]

Try this for your embedded SWF


<embed src="slideshow1.swf" height="350" width="600" wmode="transparent">


Not exactly sure why the SWF is not centered for IE but it is in FF. You may want to try this. Just create a div around the flash like so


.around {
width:100%;
height:350px;
text-align:center;
}


Then the HTML


<div class="around">
<div id="slideshow">
<object height="350" width="600">
<param name="movie" value="slideshow1.swf">
<embed src="slideshow1.swf" height="350" width="600" wmode="transparent">

</object>
</div>
</div>



Let us know if you have any questions!