Ok a few things, ill dot point em so its easier, mostly cross-browser integration problems. tim-dunford.com/index.php FIREFOX 1. If you look here ( tim-dunford.com/index.php?fn_mode=comments&fn_incl=0&fn_id=1&page=home.php ). See how the comments area flows down past the footer? Need to fix that 2. The search bar padding. 3. The mouseovers aren't working for the menu 4. The side dropshadows on the site dont stretch with the rest of it for some reason. 5. Pretty much the same problems in IE. Opera 1. What i design in so mostly everything is ok. 2. The sidebar, i want the grey bg image to stretch with content, if you look at comments you can see its not doing that. I will be working on it all of tonight so if some things are resolved, dw about them. Here is my index.php and my style.css Index.php <html> <head> <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen> <title>Tim-Dunford.com...You Know It</title> </head> <body> <Center> <div id="mainwrapper"> <div id="wrapper"> <div id="topbar"> <a href="index.php?page=home.php"><div class="button">Home</div></a> <div style="float: left;"><img src="images/sep.gif"></div> <a href="index.php?page=about.php"><div class="button">About</div></a> <div style="float: left;"><img src="images/sep.gif"></div> <a href="index.php?page=media.php"><div class="button">Media</div></a> <div style="float: left;"><img src="images/sep.gif"></div> <a href="index.php?page=portfolio.php"><div class="button">Portfolio</div></a> <div style="float: left;"><img src="images/sep.gif"></div> <a href="index.php?page=contact.php"><div class="button">Contact</div></a> <div style="float: left;"><img src="images/sep.gif"></div> <a href="index.php?page=affiliates.php"><div class="button">Affiliates</div></a> <div style="float: left;"><img src="images/sep.gif"></div> <a href="index.php?page=other.php"><div class="button">Other</div></a> <div style="float: right; margin-right: 20px; margin-top: 4px;"> <input class="inputboxSearch" type="text" size="15" value="Search" onfocus="if(this.value=='Search' )this.value='';" onblur="if(this.value=='')this.val ue='Search'; name="Search" /> </div> </div> <img src="images/banner.jpg"> <div id="bottomwrap"> <div id="sidebar"> <div class="sidehead"> <img style="margin-top: 5px; vertical-align: middle;" src="images/featured.png"> </div> <div class="sidebox"> <img src="images/tempimg.gif" alt="0"> <br /><br /><br /> </div> <div class="sidehead"> <img style="margin-top: 5px; vertical-align: middle;" src="images/latestwork.png"> </div> <div class="sidebox"> <img src="images/tempimg.gif" alt="0"> <br /><br /><br /> </div> <div class="sidehead"> <img style="margin-top: 5px; vertical-align: middle;" src="images/desktop.png"> </div> <div class="sidebox"> <img src="images/tempimg.gif" alt="0"> <br /><br /><br /> </div> </div> <div id="content"> <?php $page = $_GET['page']; /* gets the variable $page */ if (!empty($page)) { include($page); } /* if $page has a value, include it */ else { include('home.php'); } /* otherwise, include the default page */ ?> </div> </div> <div id="footer"> <b>Copyright Tim-Dunford.com 2008-2009</b> </div> </div> </div> Code (markup): Style.css html { background: #090d0e url("images/bg.gif"); height: 100%; } body { background: #090d0e url("images/bg.gif"); colour: #ffffff; margin: 0px; font-family: georgia; font-size: 11px; height: 100%; } #newslink a:link #newslink a:visited #newslink a:active #newslink a:hover { color: #414141; font-weight: bold; } a:link { color: #5292ab; text-decoration: none; } a:active { color: #5292ab; text-decoration: none; } a:visited { color: #5292ab; text-decoration: none; } a:hover { color: #5292ab; text-decoration: none; } #mainwrapper{ width: 971px; height: 100%; } #wrapper { background: url("images/mainwrapbg.png") repeat-y; width: 971px; height: 100%; } #topbar { background: url("images/menubg.gif"); width: 911px; height: 37px; font-family: tahoma; font-size: 13.5px; color: #fff; text-align: left; } #sidebar { float: right; background: url("images/sidebarbg.gif")repeat-y; font-family: tahoma; display: block; margin-right: 4px; width: 226px; height: 100%; } p.introduction:first-letter { font-size : 200%; font-weight : bold; margin-top : 0em; margin-left : 0em; margin-right : 0em; margin-bottom: 0em; float : left; color : #5294ae; } .sidehead { height: 47px; font-family: tahoma; color: #fff; background: url("images/sidehbg.gif"); } .sidebox { background: #d2d2d2 url("images/sidebarbg.gif") repeat-y; padding-left: 6px; } #bottomwrap { background: #fbfbfb url("images/wrapbg.gif") bottom repeat-x; width: 911px; height: 100%; } .button { float: left; width: 68px; height: 37px; line-height: 2.8em; font-family: tahoma; font-size: 13.5px; color: #fff; text-align: center; } .inputboxSearch { width: 180px; height: 30px; margin: 0 0 0 0; border: none; background:url('images/searchbar.png') no-repeat center; padding-right:20px; padding-left: 12px; } .button:hover{ width: 68px; height: 37px; background: url("images/menuhover.gif"); color: #d7e5ff; } #footer { background: url("images/footerbg.gif"); line-height: 4em; font-family: tahoma; color: #b3c9de; width: 911px; height: 58px; } #content { float: left; color: #414141; margin-left: 4px; margin-top: 5px; width: 670px; height: 100%; } Code (markup): Any help is greatly appreciated, ty. - Spek