space between two images in IE

[dydot]

Hi everyone, I'm new in this forum.
I have problem with my page and that make me crazy.
It works fine with NN7, but not with IE 6.
This is part of the code ....

<table width="750px" border="1" cellspacing="10" cellpadding="0" bordercolor="#c90000" bgcolor="#970000">
<tr>
<td>
<table width="730px" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000" bgcolor="#000000">
<tr><td>
<div id="m1" class="defpos"><a href="#" onmouseover="activate('tentang')" onmouseout="deactivate('tentang')"><img src="tenup.gif" border=0 name="tentang"></a><img onmouseover="activate('arrow')" onmouseout="deactivate('arrow')" src="metuup.gif" class="folding" name="arrow">
<div id="button" style="display:none; line-height:14px">
<ul>
<li><a href="misi.html"> Misi Kami</a></li>
<li><a href="tantangan.html"> Tantangan</a></li>
</ul>
</div>
</div></td></tr>

<tr><td>
<div id="m2" class="defpos"><a href="#" onmouseover="activate('profil')" onmouseout="deactivate('profil')"><img style="vertical-align:top" src="proup.gif" border=0 name="profil" vspace=0 hspace=0></a><img style="vertical-align:top" onmouseover="activate('arrow2')" onmouseout="deactivate('arrow2')" src="metuup.gif" class="folding" name="arrow2" vspace="0" hspace=0>
<div id="button" style="display:none; line-height:14px;">
<ul>
<li><a href="riwayat.html" target=hapening> Riwayat</a></li>
<li><a href="anggota.html"> Keanggotaan</a></li>
<li><a href="ruling.html"> Ruang Lingkup</a></li>
</ul>
</div>
</div></td></tr>
</tr></td></table>
</tr></td></table>

Thank you for your time and your answer.

[SuzyUK]

Hi Dydot and welcome to WebmasterWorld

I think it may be possibly be the vertical alignment, normally I would suggest a fix of display: block; on the images for this, but in your code you have 2 images side by side and setting display: block on them would cause them each to take up a seperate line (block)

However the other(and proper) way...
the default position of vertical-align (a text property) is "baseline" and thus allowing space for the "descenders" of letters like 'p' 'q''g' etc.. so you may need to override the default by setting the position to something other than that explicitly

the values of vertical-align: are
baseline : top : middle : bottom : texttop : text-bottom : sub : super : <or a % value>

This article [devedge.netscape.com] explains more...

Suzy

[DrDoc]

Welcome to Webmaster World!

SuzyUK is right on the dollar on this one ;)

[dydot]

Hi suzy, ....

Thank you very much for taking away my white spaces.
I guess i was missunderstood between top and bottom huh .. :)
anyway .. thank you very much again ... it works very fine now .. the way i want it.

Regards

-dydot-