Image Alignment Trouble

[toastyman]

Very simple problem here...

www.ppdrmanagement.com

The 3 image links under the top menu are supposed to align inside the blue box. I've got the horizontal sorted, but in IE (also been told FF 1.0.7) they are slightly outside the box in terms of vertical alignment. It looks fine in FF 1.5 though.

Any ideas?

 

[toastyman]

Anyone got any ideas for this problem? I'm sure its an IE problem, and there's a suitable hack for it..

 

[Jotun]

It's also a problem in opera....

Have you used the margin-top property? I'm not sure but this may help if you havn't defined it, and different browsers use different default values.

 

[toastyman]

I've got the margin-top property set to 0px, which should in theory, pull it to the top. However, it doesn't

<td colspan="2" class="horzheadsplit" style="background-image: url(/images/loginbg.gif);">
<div style="margin-left:5px; display:inline; float:left;">
<a href="<?= $_SERVER['HTTP_REFERER']; ?>"><img src="/images/qmback.jpg" alt="Return to the last page you were viewing" style="width:39px; height:33px; margin-top:0px; border:none" onmouseover="qback()" onmouseout="none()"></a>
<a href="http://www.ppdrmanagement.com:2095"><img src="/images/qmmail.jpg" alt="Check your email" style="width:43px; height:33px; border:none; margin-top:0px" onmouseover="qmail()" onmouseout="none()"></a>
<a href="/sitemap/"><img src="/images/qmsearch.jpg" alt="View the Sitemap" style="width:37px; height:33px; border:none; margin-top:0px" onmouseover="qsearch()" onmouseout="none()"></a>
</div>
<div id="qmenu" style="float:left; display:inline; margin-left:5px"></div>
</td>

 

[Jotun]

I was refering to the line

<div style="margin-left:5px; display:inline; float:left;">

I thought perhaps it should be

<div style="margin-left:5px; display:inline; float:left; margin-top:0px">

I could be wrong though.

 

[toastyman]

I tried adding that just after I posted and it looked no different

 

[toastyman]

Anyone else got any ideas to this problem?