HELP! Div tag not sizing correctly [RESOLVED]

[shunt]

Hi,

I have a div tag which should not display any overflow. The div tag is contained within a table whos width property is set to 100%. The div tags width property is also set to 100%. According to msdn, the div tags width is based on its parents width. However this is not happening. If the text is long enough, it pushes the table off the page rather than hiding the overflow. I have even tried setting the table width down to 50px and it still resizes to go off the page. PLEASE HELP THIS IS GETTING REAL IRRITATING. WHAT CAN I DO TO GET THE DIV TO ALWAYS BE 100% OF THE TABLE WIDTH?

heres my code:

<table width=10px border=1>
	<tr>
		<td>
			<div id=target style="overflow: hidden; width: 100%">htljsadgl;sadgljsalhdlsajhl;jsadhjsaljdhl;sajdhl;as;h</div>
		</td>
	</tr>
</table>

Note: ie5