chrome problems

i have this picture that is 700px and im trying to display it in google chrome. but the picture cuts off after about 50-100px. I went on validator.w3.org and it is completely tidy. here is my code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
  <title></title>
 </head>

 <body>
 <table> 
 <tr> <td colspan=2 style='width: 300%; height: 300px; text-align: right; vertical align: top; color: grey; padding-top: 0px; margin-top: 0px;'>You are logged in as <?php
echo ******; ?>Your BLANK is <?php echo ***; ?><table><tr><td style="vertical-align: bottom; text-align: right; color: red; background-image: url('*******.gif'); background-color: grey; height: 200px; width: 700px;"><a href='#' style='color: red; text-decoration: none;'>#</a> &nbsp &nbsp <a href='#' style='color: red; text-decoration: none; text-size: 20px;'>#</a>&nbsp &nbsp <a href='#' style='color: red; text-decoration: none; text-size: 20px;'>#</a>&nbsp &nbsp <a href='#' style='color: red; text-decoration: none; text-size: 20px;'>#</a>&nbsp &nbsp <a href='#' style='color: red; text-decoration: none; text-size: 20px;'>$</a></td></tr></table> </td></tr></table>