Table in a div, can't kill weird spacing?

programming web dev
1

Hey there,

Anyone know how to tackle this one? When I place the table inside the div, there is a few pixel gap on the left side of the table I cant seem to kill. Is this a bug?

<html>
<head>
<style type="text/css">

body {
	background-color: #FFF;
}
#holder{
	width:170px;
	height:170px;
	background-color:#F00;
}

</style>
</head>

<body>

<div id="holder">
<div style="width:100%">

<table width="100%" height="100%">
<tr>
<td valign="middle" align="center"><img src="http://www.dougitdesign.com/images/theblog_170px_wide.jpg" /></td>
</tr>
</table>

</div>
</div>

</body>
</html>