Hi, I'm new to HTML and CSS and am putting together a webpage for my band. When I view it on Firefox, it looks fine (although I would prefernot to have to move the horizontal scrollbar to the right). Viewed in Safari, the page content is pushed to the right and some of the pages show a white bar on the right. I know some of you html wizards will be appalled by my amateur attempt at writing script, but maybe you'll be amused enough to help a sister out. here's the website:
www.lynetteskynyrd.com

and here's my horrendous code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

#
<html>
#
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Lynette Skynyrd - The World's One and Only All-Female Lynyrd Skynyrd Tribute Band</title>
<meta name="title" content="Lynette Skynyrd - The World's One and Only All-Female Lynyrd Skynyrd Tribute Band" />
<meta name="keywords" content="Lynette Skynyrd, Lynyrd Skynyrd, Los Angeles, Southern California, band for hire, biker, festivals, women in rock, tribute band, cover band, indian casino, music, southern rock, biker rock, American rock n' roll, Freebird, Lauries Es />
<meta name="description" content="Lynette Skynyrd is a 5-piece rock n' roll band, a tribute to the American Southern rock group Lynyrd Skynyrd. As experienced professional musicians from the Los Angeles club circuit and touring, Lynette Skynyrd rocks the house with a high-energy stage show." />#
<style type="text/css">
body {
body background color="#000000"
text-align: center;
min-width: 1400px;
}
table
{
margin-left: auto;
margin-right: auto;
}

#main{
margin:0 auto;
width:1400px;
text-align: left;
}
</style>

</head>






<body background="JD_frame.jpg" STYLE="background-repeat: no-repeat;" position: center>
<body background color="#000000">

<div id="wrapper">






<center>

<div align="center">
<table width="70%" border=0 height=230>
<tr>
<td>
<p>
<br>
<p>
<br>
</td>
</tr>
<tr>
<td>
<p>
<br>
<p>
<br>
</td>
</tr>
<tr>
<td>
<p>
<br>
<p>
<br>
</td>
</tr>
<tr>
<td>
<p>
<br>
<p>
<br>
<p>
<br>
</td>
</tr>
</table>
</div>

<table width="68%" border=0 >
<td align="center" valign="middle" width="126">
<a href="http://www.lynetteskynyrd.com/index.html"><img src="images/home.png" width="123" height="57" border="0"></a>
</td>
<td align="center" valign="middle" width="126">
<a href="http://www.lynetteskynyrd.com/band.html"><img src="images/band.png" width="123" height="57" border="0"></a>
</td>
<td align="center" valign="middle" width="126">
<a href="http://www.lynetteskynyrd.com/pics.html"><img src="images/pics.png" width="123" height="57" border="0"></a>
</td>
<td align="center" valign="middle" width="126">
<a href="http://www.lynetteskynyrd.com/vids.html"><img src="images/vids.png" width="123" height="57" border="0"></a>
</td>
<td align="center" valign="middle" width="126">
<a href="http://www.lynetteskynyrd.com/swag.html"><img src="images/swag.png" width="123" height="57" border="0"></a>
</td>

</tr>

</table>
</div>

<table width="55%" border=0>

<tr>

<td align="center" valign="middle" width="126">
<a href="http://lynetteskynyrd.com/gigs.html"><img src="images/gigs.png" width="123" height="57" border="0"></a>
</td>
<td align="center" valign="middle" width="126">
<a href="http://lynetteskynyrd.com/links.html"><img src="images/links.png" width="123" height="57" border="0"></a>
</td>
<td align="center" valign="middle" width="126">
<a href="http://lynetteskynyrd.com/contact.html"><img src="images/contact.png" width="123" height="57" border="0"></a>
</td>
<td align="center" valign="middle" width="126">
<a href="http://lynetteskynyrd.com/press.html"><img src="images/press.png" width="123" height="57" border="0"></a>
</td>
</tr>
</table>
</div>

<td align=center valign=middle>
</table>

<table width="57%" height="480" border=0>

<tr>
<p>
<td align=center valign=top>
<img src="images/blacklabelflask.jpg">
</td>

<td align="justify" valign=middle>
<p style="font-family:mekanik let, Serif;font-size:14pt;color:white; LINE-HEIGHT: 25px; ">
<br><br>Lynette Skynyrd is the world's only all-female trybute to Lynyrd Skynyrd. Out of "Southern" California, this band of mega-talented female musicians expresses the unconquered spirit of working people everywhere. Lynette captures the essence of Skynyrd, tapping into those halcyon days when rock was experienced with all the senses. If the past is indeed a prologue to their musical journey, then Lynette Skynyrd is nothing less than timeless. With a badass rock-chick authority, these daisy duke divas transport the Skynyrd classics into the modern era.</p>

</td>
</tr>
</table>
<table width="64%" border=0>
<td align="justify" valign=top width=145>
<p style="font-family:mekanik let, Serif;font-size:14pt;color:white; LINE-HEIGHT: 25px; ">
This past December, Lynette was invited to play a private party for Lynyrd Skynyrd themselves at Lynyrd Skynyrd BBQ & Beer at the Excalibur in Las Vegas for their grand opening. Needless to say, if the real deal is requesting Lynette to play, imagine how actual Skynyrd fans react to an all-female version of the kings of southern rock. Well, the response is incredible. Both Skynyrd fans and girl-band enthusiasts love Lynette Skynyrd.</p>
</td>
</tr>
<td align="center" valign=top width=145>
<img src="images/mudflap_lynette_image.png" width="170"

<p>

<p style="font-family:century, Serif;font-size:10pt;color:white;">
&#169;2010 Lynette Skynyrd
</td>
</tr>
</table>
<table width="65%" height="60" border=0>
<tr>
<td align=center valign=top width="126">

</div>

</body>

</html>