div height in IE

Hi,
I have a structure like this in the page:

<div style="position:relative;width:164px;height:48px;" >
<div
style="position:relative;left:14px;top:13px;width: 175px;height:33px;">
<img src="..">
</div>
<div
style="position:relative;left:0px;top:-33px;width:164px;height:48px;">
</div>
</div>

Now, when I load this in NS-compatible browser, everything is fine and
the outer div's height is 48px. However, when I load this in IE(6), the
second inner div causes the outer div to increase height (I suspect by
48px). The whole thing is in a table cell, thus causing it to grow
vertically and adding blank space (actually, I have a third div in there
and it's height is 120px, so the change is quite noticable). Anyone
knows how to fix this thing?

PS: I try to follow closely w3c and I've noticed that whatever I try in
NS-compatible browsers works just fine, as it is supposed to work
according to w3c, and IE often screws things up.. The last addition to
my "know-why"'s is that when linking external javascripts, apparently I
*need* to separately close the tag (i.e., <script... src=...></script>),
whereas <script... src=.../> should work just fine. Spent about 20
minutes trying to figure out what's wrong with the page - no errors or
anything, just a blank page.

Thanks,
Lüph

=?ISO-8859-1?Q?L=FCpher_Cypher?=