salem80

U need to move next up <div style="position: relative;"><!-- "previous slide" button --> <div class="position"><a class="backward">prev</a> <!-- container for the slides --> <!-- "next slide" button --> <a class="forward">next</a> <div class="images"><!-- first slide --> <div style="display: none;"><img src="templates/tmpl/banner/images/image1.jpg" alt="" /></div> <!-- second slide --> <div style="display: block;"><img src="templates/tmpl/banner/images/image2.jpg" alt="" /></div> <!-- third slide --> <div style="display: none;"><img src="templates/tmpl/banner/images/image3.jpg" alt="" /></div> <!-- fourth slide --> <div style="display: none;"><img src="templates/tmpl/banner/images/image4.jpg" alt="" /></div> <!-- fifth slide --> <div style="display: none;"><img src="templates/tmpl/banner/images/image5.jpg" alt="" /></div> </div> </div> <div id="whitebg" class="clearfix"><!-- the tabs --> <div class="slidetabs"><a href="#"></a> <a class="current" href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a></div> <div id="playpause" class="clsfloatleft"><button class="play" onclick="J(".slidetabs").data("slideshow").play();"></button> <button class="pause" onclick="J(".slidetabs").data("slideshow").stop();"></button></div> </div> </div>

If yo use Dynamic or static site you should specified class to the selected menu (In HTML) in HTML <ul class="selected "> the rest of code... </ul> In CSS .selected {background:white; }

Just make class name embed to your div and use this in style sheets .embed img{width:%; display:block;}

I See it's looks fine on Firefox

Try Fix it in CSS file tr td {height:27px; }

You done little mistake replace height;80px; with height:80px; Typo

Your Source Code Continues 96 images depending on size of this images and the speed of site server to load this images I suggest to reduce the number of pictures on each pages or septate it to on pages (you can easy to it on word press)

You are Doing it on wrong way You should not using "position:relative" to warping your web site .user margin and float instead Any way I test and see what is the issue in CSS code make it like this ul#topnav { position:relative; top:235px; right:5px; width:963px; list-style:none; height:36px; margin:0px; } ul#topnav li { display:inline; }