i bought a new computer and have a bigger screen now and had to change the width of my forum. now my header table is different in safari. the first image is what its supposed to look like in firefox, and the second is what it looks like in safari. could someone please help me out hers the table and my url if you need it http://thenotablenook.com <style type="text/css"> <!-- div.box { width:100%; margin:-3px 0 -8px 0; overflow:hidden; } .box-left { width:50%; float:left; white-space:nowrap; border-collapse:collapse; } .box-right { width:50%; float:right; border-collapse:collapse; } --> </style> <style type="text/css"> .menutable {background-image: url(http://i709.photobucket.com/albums/ww95/tunescool/nook/grey12.jpg);} </style> <table width="100%" cellpadding="2" cellspacing="0" align="center" border-bottom="#000000 1px solid" id="theNotableNook"> <tr> <td colspan=4 class="menutable"></td></tr> <tr> <td colspan=4 class="menutable"></td></tr><tr><td class="menutable" colspan="4"><table width="100%" style="margin-top: -12px"><tr><td align="left" style='padding-left:5px;'> <font size=1> <b> <style type="text/css"> a:link.newpm {color:#FF03DD!important; font-style: italic;} /* unvisited link */ a:visited.newpm {color:#FF03DD; font-style: italic;} /* visited link */ a:hover.newpm {color:#FF03DD!important; font-style: italic;} /* mouse over link */ a:active.newpm {color:#FF03DD!important; font-style: italic;} /* selected link */ </style><script language="javascript"> /* Simple Custom Menu & PM Box by Lugubrious. Support can be found in the questions board at [url]http://epoque.proboards.com[/url]! Open source, but do not repost and claim as your own without major editing. Ask me if you're not sure on the support site. If you have any questions or suggestions for a potential future release, drop by Epoque! */ //Edit these variables var brak = [' ',' ']; // enter start then end brackets. Leave blank if not desired. var sep = ' <img src="http://i43.tinypic.com/r9pdhl.png"> '; //seperator here var staff=['admin','moderator']; // people who can use the admin panel here var x; // keep this here, no editing var help = "no"; // yes or no, do you want the help button? //EXPERTS ONLY BELOW THIS LINE document.write('<left>'); var box = document.getElementsByTagName("td"); if(box[2].innerHTML.match(/Hey,\s(.+?),\syou\shave/i)){ document.write(brak[0]+'<a href="?index.cgi">Home</a>') ; if(help.toLowerCase()=="yes" || help.toLowerCase()=="y"){ document.write(sep+ '<a href="?index.cgi?action=help">Help</a>'); } document.write(sep+ '<a href="?action=search">Search</a>' + sep + '<a href="?action=members" target="_blank">Members</a>' +sep+ '<a href="?action=calendar" target="_blank">Calendar</a>' + sep); for(x in staff){ if(pb_username==staff[x]){ document.write('<a href="?action=admin">Admin</a>' + sep); } } document.write('<a href="?action=viewprofile">Profile</a>' + sep + '<a href="?action=logout">Logout</a>'); var pmNew = box[2].innerHTML.split(' are new')[0].split(',')[3]; if(pmNew!=0){ document.write(sep+ '<a href="?action=pm" class="newpm"> NEW PM\'S'); } else{ document.write(sep+ '<a href="?action=pm" target="_blank">PM\'S'); } document.write("</a>"); }else{ document.write('<a href="?action=home">Home</a>' + sep + '<a href="http://help.proboards.com">Help</a>' +sep+ '<a href="?action=search">Search</a>' +sep+ '<a href="?action=login">Login</a>' +sep+ '<a href="?action=register">Register</a>'); } document.write(brak[1]+'</left>'); </script> </b> </font> </td> <td align="right" valign="top" style='padding-right:5px; style='margin-right: 10px'> <font size=1 style="margin-right: 7px"><b><a href="http://celebnook.proboards.com/index.cgi?action=newestthreads">New Posts</a></b></font> <font size=1 style="margin-right: 7px"><b><a href="http://celebnook.blogspot.com" target="_blank">The Nooks Blog</a></b></font> <font size=1"><b><a href="http://twitter.com/thenotablenook" target="_blank">Twitter</a></b></font> </td> </tr> </table> <div class="box"> <table class="box-left" align="center" cellspacing="0"> <tr> <td width="50%" class="menutable" colspan="2" vAlign="top" style="padding:5px 0 0 7px;"> <font size=2> <b> <u> You Can See All Of The Nooks Pics By Thumbnail Here </u> </b> </font> </td> <td width="50%" class="menutable" colspan="2" vAlign="top" style="padding-left:7px;"> </td> </tr> <td width="25%" class="menutable" style="padding-left:7px;"> <font size=1> <b> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=6087" target="_blank"><font color="#00138E">Female Celebs A Thru Z</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=6497" target="_blank"><font color="#00138E">Evan Rachel Wood</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=7093" target="_blank"><font color="#00138E">Emma Roberts</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=8110" target="_blank"><font color="#00138E">Jamie Lynn Spears</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=5356" target="_blank"><font color="#00138E">Mary Kate And Ashley Olsen</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=7142" target="_blank"><font color="#00138E">Natalie Portman</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=7239" target="_blank"><font color="#00138E">Rachel Bilson</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=7874" target="_blank"><font color="#00138E">Mischa Barton</font></a> </b> </font> </td> <td width="25%" class="menutable" vAlign="top" style="padding-left:10px;"> <font size=1> <b> <a href="http://thenotablenook.com/index.cgi?action=display&board=archives&thread=7977" target="_blank"><font color="#00138E">Lindsay And Ali Lohan</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=7991" target="_blank"><font color="#00138E">Kristen Stewart</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=8000" target="_blank"><font color="#00138E">Emily Osment</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=8047" target="_blank"><font color="#00138E">Ashley Tisdale</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=8090" target="_blank"><font color="#00138E">Dakota And Elle Fanning</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=8148" target="_blank"><font color="#00138E">Emma Watson</font></a><br/> <a href="http://thenotablenook.com/index.cgi?board=archives&action=display&thread=8197" target="_blank"><font color="#00138E">Vicki Justice</font></a><br/> </b> </font> </td> </tr> </table> <table id="box-right" align="center" cellspacing="5"> <tr> <td width="50%" class="menutable" vAlign="top" style="padding-top: 5px;"> <font size=2> <center> <b> All The Archives Are Up To Date To June 2011<br/><br/> I Changed My URL To thenotablenook.com<br/>Change Your Bookmarks </b> </center> </font> </td> <td width="50%" class="menutable" vAlign="top" style="padding: 5px 3px 0px 0px;"> <font size=2> <center> <b> Please Vote For The Nook At The Site On The Bottom Of The Page. It Takes A Second </b> </center> </font> </td> </tr> </table> </div> <tr> <td colspan="4" class="menutable"> <table width="100%" cellpadding="5" cellspacing="0" align="left" class="bordercolor"> <tr> <td width="50%" class="menutable" vAlign="top style="padding-left:10px;"> <!-- BEGIN CBOX - [url]www.cbox.ws[/url] - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="620" height="200" src="http://www7.cbox.ws/box/?boxid=264525&boxtag=n5cwh5&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-264525" style="border:#9C8700 1px solid;" id="cboxmain7-264525"></iframe></div> <div><iframe frameborder="0" width="620" height="75" src="http://www7.cbox.ws/box/?boxid=264525&boxtag=n5cwh5&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-264525" style="border:#9C8700 1px solid;border-top:0px" id="cboxform7-264525"></iframe></div> </div> <!-- END CBOX --> <font size=2> <b> <br/> <img src="http://i43.tinypic.com/r9pdhl.png"> You Can Still Reply To Old Threads <img src="http://i43.tinypic.com/r9pdhl.png"> <!-- Place this tag where you want the +1 button to render --> <g:plusone size="medium"></g:plusone> <!-- Place this render call where appropriate --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <a href="https://twitter.com/share" class="twitter-share-button" data-text="Celebrity Pic Forum Updated Daily" data-count="horizontal" data-via="thenotablenook">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> </b> </font> </td> <td width="25%" class="menutable" vAlign="top" style="padding-left:10px;"> <font size=2> <center> <b> <i> <a href="http://celebnook.blogspot.com" target="_blank"> <b>Check Out The Nooks<br/>New Celeb Blog</b></a><br/><br/> </i> </b> </center> </font> </td> <td width="25%" class="menutable" vAlign="top" style="padding-left:10px;"> <font size=2> <b> <i> Post Your Celeb Pics, HQ Or LQ. Help The Nook Grow, Old Pics Or New<br/> <hr width='100%' color="031222"> I Need Global And Board Moderators, Anyone With Access To HQ Pics And Will Post Daily Should Apply<br/> <hr width='100%' color="031222"> <a href="http://thenotablenook.com/index.cgi?action=display&board=ass&thread=6223" target="_blank"><font size="1"> <b>Buy Or Exchange A Text Link Click Here</b></font></a> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <center> </center> </i> </b> </font> </td> </tr> </table> </td> </tr> </table> Code (markup): also, it shifts now when you resize the browser. is it possible to keep it stationary