I need help and I am willing to pay $20.00 to first person that can figure this out. I have a flyout nav menu and it shows fine in Firefox but In IE it shows up behind a jquery slideshow that I just uploaded. I have tried messing around with the z-index and didn't seem to do anything but I could be doing it wrong. The webpage can be found at exhibeportable.com. The css code for the page can be found at exhibeportable.com/images/style114.css. Let me know if you need anything else from me to figure this out. Provided below is the homepage code <div id="promo"> <p id="promoSave"><span style="font-weight: bold;">We Now Offer</span> <a href="http://www.exhibeportable.com/exhibit-rentals.asp" class="prom">Trade Show Display Rentals</a></p> <p id="promoLink"><a href="http://www.exhibeportable.com/exhibit-rentals.asp"> <marquee scrolldelay="800" scrollamount="80" style="height: 20px; width: 80px;">CLICK HERE</marquee></a></p> <div class="clear"> </div></div> <div id="banner"> <div class="main_view"> <div class="window"> <div style="width: 2576px; left: 0px;" class="image_reel"> <a href="http://www.exhibeportable.com/items/10-foot-portable-pop-up-display/list.htm?1=1"><img src="http://exhibeportable.com/images/reel_1.jpg" alt="" width="644" height="290"></a> <a href="http://www.exhibeportable.com/items/alumalite-displays/list.htm"><img src="http://exhibeportable.com/images/reel_2.jpg" alt="" width="644" height="290"></a> <a href="http://www.exhibeportable.com/items/banner-stands/list.htm"><img src="http://exhibeportable.com/images/reel_3.jpg" alt="" width="644" height="290"></a> <a href="http://www.exhibeportable.com/items/20-foot-portable%7Epopup-trade-show-display/list.htm?1=1"><img src="http://exhibeportable.com/images/reel_4.jpg" alt="" width="644" height="290"></a> <a href="http://www.exhibeportable.com/items/portable-table-top-trade-show-displays/list.htm"><img src="http://exhibeportable.com/images/reel_5.jpg" alt="" width="644" height="290"></a> <a href="http://www.exhibeportable.com/items/10-foot-portable-pop-up-display/list.htm?1=1"><img src="http://exhibeportable.com/images/reel_6.jpg" alt="" width="644" height="290"></a> </div> </div> <div style="display: block;" class="paging"> <a class="active" href="#" rel="1">1</a> <a class="" href="#" rel="2">2</a> <a class="" href="#" rel="3">3</a> <a class="" href="#" rel="4">4</a> <a class="" href="#" rel="5">5</a> <a class="" href="#" rel="6">6</a> </div> </div> <script type="text/javascript" src="http://www.exhibeportable.com/images/jquery.js"></script> <script type="text/javascript"> <!-- header java--> $(document).ready(function() { //Set Default State of each portfolio piece $(".paging").show(); $(".paging a:first").addClass("active"); //Get size of images, how many there are, then determin the size of the image reel. var imageWidth = $(".window").width(); var imageSum = $(".image_reel img").size(); var imageReelWidth = imageWidth * imageSum; //Adjust the image reel to its new size $(".image_reel").css({'width' : imageReelWidth}); //Paging + Slider Function rotate = function(){ var triggerID = $active.attr("rel") - 1; //Get number of times to slide var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide $(".paging a").removeClass('active'); //Remove all active class $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function) //Slider Animation $(".image_reel").animate({ left: -image_reelPosition }, 500 ); }; //Rotation + Timing Event rotateSwitch = function(){ play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds $active = $('.paging a.active').next(); if ( $active.length === 0) { //If paging reaches the end... $active = $('.paging a:first'); //go back to first } rotate(); //Trigger the paging and slider function }, 7000); //Timer speed in milliseconds (3 seconds) }; rotateSwitch(); //Run function on launch //On Hover $(".image_reel a").hover(function() { clearInterval(play); //Stop the rotation }, function() { rotateSwitch(); //Resume rotation }); //On Click $(".paging a").click(function() { $active = $(this); //Activate the clicked paging //Reset Timer clearInterval(play); //Stop the rotation rotate(); //Trigger rotation immediately rotateSwitch(); // Resume rotation return false; //Prevent browser jump to link anchor }); }); <!--header java end --> </script> </div> <h2 id="titleContent">Save on our Trade Show Display Booths</h2> <div id="displayPictures"> <div id="image1"><a href="http://www.exhibeportable.com/items/alumalite-displays/list.htm"><img alt="Modular Display" src="images/FrontPage/linear_display_rentme.jpg"></a><span style="font-size: 9px;" class="titleRed"><a href="http://www.exhibeportable.com/items/alumalite-displays/list.htm" class="link">Alumalite Modular Displays</a></span><span style="padding-left: 7px;" class="description">Starting at $3,985</span></div> <div id="image2"><a href="http://www.exhibeportable.com/pop-up-displays.asp"><img alt="Pop Up Display" src="images/FrontPage/popup.jpg"></a><span style="font-size: 9px;" class="titleRed"><a href="http://www.exhibeportable.com/pop-up-displays.asp" class="link">Pop Up Displays</a></span><span style="padding-left: 7px;" class="description">Starting at $625</span></div> <div id="image3"><a href="http://www.exhibeportable.com/items/banner-stands/list.htm"><img alt="Retractable Banner Stand" src="images/FrontPage/bannerstands_pricematch.jpg"></a><span style="font-size: 9px;" class="titleRed"><a href="http://www.exhibeportable.com/items/banner-stands/list.htm" class="link">Retractable Banner Stands</a></span><span style="padding-left: 7px;" class="description">Starting at $175</span></div></div> <div class="clear"> </div> <div style="margin-top: 15px;" id="roundedUp"> </div> <div id="content"> <h1>Quality Trade Show Displays & Pop Up Booths for Over 25 Years</h1> <p>Is your company seeking the ultimate marketing edge? Need to turbo charge lead generation without breaking the bank? </p> <p>Exhibe Portable provides <span style="font-weight: bold;">affordable</span>, <span style="font-weight: bold;">high quality</span> <a href="http://www.exhibeportable.com/trade-show-display-booths.asp">trade show display booths</a> and <a href="http://www.exhibeportable.com/pop-up-displays.asp">pop up displays</a> to companies worldwide – captivating exhibit booths that capture the eyes of your intended audience at your next show or event.</p> <p>No matter that you’re looking for, Exhibé Portable has exactly what you need. And we’ll match any other price you find. From quality made exhibit displays to impressive trade show graphics, we’ll help your company shine every time. Lightweight materials and built to last, our products are guaranteed to meet your needs. </p> <h2>Pop Up Trade Show Displays – See Why Exhibe Portable is the BEST!</h2> <ul style="list-style-type: square; padding-left: 15px; padding-top: 10px; padding-bottom: 10px;"> <li>All portable displays are manufactured in the US</li> <li>Affordable, high quality exhibit displays, that give you the marketing edge</li> <li>All booth Frames are backed by a lifetime warranty</li> <li>Superior customer service – we want to earn your business!</li> <li>Expert knowledge – need help? We’ll assist in every way we can</li> <li>Over 25 years of trade show display experience</li> </ul> <h2>Portability: The Name of the Game in the Trade Show Business</h2> <p style="padding-top: 10px;">Having an easy to set up, easy to transport booth means you save time and money. And your booth will prove to be just as successful as the more expensive ones you see. Plus, they require less space for storage and 1/3 of the cost of other larger booths. Modular, lightweight and ready to go!</p> <p>In addition to trade show displays we also offer a variety of accessory items: retractable banner stands, portable literature racks, shelving, lighting, counters, and podiums. And we can customize your booth with trade show graphic mural panels. </p> <p>For more information on <span style="font-weight: bold;">trade show display booths</span> and accessories call 1-800-725-5893 or visit our show room located in San Diego California. Be sure to read <span style="font-weight: bold; text-decoration: underline;">testimonials</span> from our satisfied customers. Ready to <span style="font-weight: bold; text-decoration: underline;">find out more</span>? See all of our trade show booth product details now.</p> <p>Whether you need Trade Show Display Booths, Pop Ups - Portable Display Booths or Trade Show Exhibit Displays, we are here to help.</p> <p>Exhibe Portable looks forward to meeting all of your trade show display needs!</p> </div> <div style="margin-bottom: 35px;" id="roundedBottom"> </div> Please pm if you can fix this issue Thanks, Mike
IE never works well with codes. Just a hint on that. Tell all your members/visitors to move to Firefox or Chrome.
Internet Explorer is known to not process or run the codes completely. It's not a bug. It's the IE's nature.
well i fixed it, For anyone who wants to know, You can set divs positions using z-index:100; z-index:100; is the very top z-index:-100: is the very bottom. layers divs like PSDs It works in IE FF and Chrome
That is not always correct, IE was developed on totally different grounds then most other browsers, thus makes its requirements from developers much more. When it comes to IE there is a genuine fix for any issue, normally requires loads of css but in the long run it will pay off. The newer versions of IE seem to not have as many issues as the older versions.