Can someone tell me why Safari is not outputting my "search court records now!" box correctly if you look at safari all me elements inside of that box are not position properly like they are in IE and Firefox, everything is working fine in IE and Firefox. You can view it @ http://98.222.102.255/ Here is the code I'm using below. <div class="searchbox"> <div style="padding-left:20px; padding-top:5px; color:#ffffff; font-weight:bold;">Search Court Records Now!</div> <div style="padding-top:35px; padding-left:65px; color:#ffffff; font-weight:bold; font-size:16px;">Enter Search Terms</div> <div style="padding-top:5px; padding-left:45px; color:#ffffff; font-weight:bold; font-size:10px;"> <table border="0"> <tr><td><span>First Name</span></td><td><span>Last Name</span></td><td>Middle Name</td></tr> <tr><td><input style="width:126px;" type="text"></td><td><input style="width:126px;" type="text"></td><td><input style="width:126px;" type="text"></td></tr> </table> </div> <div style="padding-top:8px; padding-left:65px; color:#ffffff; font-weight:bold; font-size:16px;">Select City, State, and Country</div> <div style="padding-left:45px; padding-top:2px; color:#ffffff; font-weight:bold; font-size:10px;"> <table border="0"> <tr><td>City</td><td>State</td><td>Country</td></tr> <tr><td><input style="width:126px;" type="text"></td><td><input style="width:126px;" type="text"></td><td><input style="width:126px;" type="text"></td></tr> </table> <div style="padding-left:20px; padding-top:5px; color:#ffffff; font-weight:bold; font-size:16px;">Click Search Now!</div> <div style="padding-top:10px; padding-left:20px; color:#ffffff; font-weight:bold; width:120px; height:39px;"><input type="image" src="/images/search-box/submit.jpg"></div> </div> </div> HTML:
The page looks the exact same on Safari and Firefox on Mac (the box seems fine). Did you fix it? If not, what elements are not correct when you see it?
the problem seems to be cell-spacing, padding, or margins on the table or input elements here: <table border="0"> <tr><td><span>First Name <span style="color:#FF0000;">*</span></td><td><span>Last Name <span style="color:#FF0000;">*</span></td><td>Middle Name</td></tr> <tr><td><input style="width:126px;" type="text" name="firstname"></td><td><input style="width:126px;" type="text" name="lastname"></td><td><input style="width:126px;" type="text" name="middle_name"></td></tr> </table>