Black/White theme, problem with product categories in IE...

[eddieuk]

Having a problem with IE not displaying all my product categories in the top nav bar on my home page. But the rest of the categories appear on the other pages!

Home page viewed in FF and Safari and everything is fine...

Can anyone help me?

[eddieuk]

Have worked out that its not a problem with the menu. Its the presta-slider thats blocking the menu's view in IE. Is there any way to send it to the back?

[eddieuk]

The drop down menu is hidden behind the java picture banner. Can any one help me? Is there a fix for IE?? Do I need to edit the Top Nav Bar or the Presta Slider??

Please Help!!

[eddieuk]

Have looked at the demo version of the template on its makers website and it does menu does not work over the banner either...

[eddieuk]

Banner CSS:

/* typo */
.presta_slider_index1 {width:900px !important; width:920px; height:auto; float:left;}
.presta_slider_index2 {width:850px; background:white; border-top:none; height:auto; margin:2em 0 0 2em; float:left}
.presta_slider ul {position: relative; left: 0; width: auto; margin: 0; padding: 0; list-style-type: none; overflow: hidden; z-index:1; background:#FFFFFF;}
#presta_slider  li {float: left; width:855px; height:300px;}
#presta_slider .li1 {background:#FFFFFF url(images/1.jpg) no-repeat;}
#presta_slider .li2 {background:#FFFFFF url(images/2.jpg) no-repeat;}
#presta_slider .li3 {background:#FFFFFF url(images/3.jpg) no-repeat;}
#presta_slider span {background:transparent; color:#d6ae3d; margin-top:2em; padding:1em 0 0 1.7em; background:url('more.png') 0px 7px no-repeat}
#presta_slider p {width:820px; margin-top:18em; background:url('transparent_bg.png'); padding:1.5em 6em 1.5em 1.5em}
#presta_slider p a {color:#999999; font-size:11px; text-align:left; width:830px;}
.presta_slider {position: relative; overflow: hidden}
.presta_slider .back {position: absolute; top: 0; left: 0; z-index: 2}
.presta_slider .back a,
.presta_slider .next a {display: none; outline: none}
.presta_slider .next {position: absolute; top: 0; right: 0; z-index: 2}

/*    Theme CreativeShop */
.creatifShop  {width: 855px; height:300px; border:1px solid #e8e6e6; border-top:none; background:#FFFFFF; border-bottom:none; margin:0;}
.creatifShop .back {width: auto; height: auto; background: url('prev_bg.gif') no-repeat; }
.creatifShop .next {width: auto; height: auto; left: 540px; background: url('next_bg.gif') no-repeat}
.creatifShop .next a {position: absolute; top:10px; right:15px; width:150px; height:40px; line-height:30px; background: url('next.png') no-repeat top right}
.creatifShop .next a:hover {position: absolute; top:10px; right:15px; width:150px; height:40px; line-height:30px; background: url('next_hover.png') no-repeat top right}
.creatifShop .back a {position:absolute; top:10px; left:10px; width:50px; height:40px; line-height:30px; background: url('prev.png') no-repeat}
.creatifShop .back a:hover {position:absolute; top:10px; left:10px; width:150px; height:40px; line-height:30px; background: url('prev_hover.png') no-repeat}

Please have a look at this.
I've no idea how to fix it...

Tried to upload menu CSS but it won't allow me to post...