Hey guys,

I've been learning CSS rather quickly but am still an amateur.

Here is something I would like to do. I tried doing some research but am not really succeeding....

I want to center an image and have text wrap to it using css.

//CSS//

Code:
body 
{
	text-align: center;
	background-image: url(http://robbyzworld.com/personal/images/logos/balbkgnd.gif);
}

a:link {
	color: ffffff;
}

a:visited {
	color: ffffff;
}

a:hover {
	color: ffffff;
}

a:active {
	color: ffffff;
}

#header {
	width: 325px;
	text-align: center;
	border: none;
	color: ffffff;
	font: bold;
	text-decoration: underline;
	font-size:20px;
}

#info {
	width: 325px;
	color: ffffff;
	float: left;
}
//HTML//
Code:
<html>
<head>
<title>~Daisuke Matsuzaka Watch~</title>
<link rel="stylesheet" href="dmatwatch.css" type="text/css" />
</head>
<body>
<table align="center" id="header">
  <tr>
    <td>~Daisuke Matsuzaka Watch~</td>
  </tr>
</table>
<p>&nbsp;</p>
<table border="4" align="center" id="info">
  <tr>
    <td><img src="http://robbyzworld.com/personal/images/sports/nyy/nyylogo.jpg" width="250" height="188" alt="NYYLogo" />This is just a text. I am trying to get it to wrap. </td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>