Weird overlapping-text CSS problems in IE 5, 5.5: what's going on?

by Complex <complex_hwg(at)yahoo.com>

 Date:  Fri, 1 Aug 2003 12:39:42 -0700 (PDT)
 To:  HWG Style <hwg-style(at)hwg.org>
  todo: View Thread, Original
Can you please look at this page (or at the code below) and tell me
what's wrong? Frankly, it looks fine to me, but obviously something
must be wrong with it. Or something's just really funky with IE.
Also, can you please suggest how to code this in a reasonable fashion
that will work well in IE?
     http://www.iplab.com/download/indexbad.shtml
this is a copy of the actual page, just in case I change the code on
index.shtml.

1. The first problem is that in IE (IE 5 & IE 5.5), the pictures of the
camera and key overlap the paragraphs next to them. I don't see this
problem on Mozilla 1.4. 

I can see that if I remove the margin-bottom styles, the images no
longer overlap the text!

2. The second problem is that when I remove the margin-bottom styles &
the overlapping stops, then the two paragraphs do not line up. That's
odd, because I'm adding paddint to the key's paragraph to account for
the difference in widths of the images.

Please CC responses to me (complex_hwg(at)yahoo.org), as I think I might
be missing some of the list mails!

thanks, 
Complex

Here is the code for the problem paragraphs:

<div style="clear: both;">
							<a href="Camera_CtrlsA.shtml">
								<img src="../images/Cameras/Cascade_512F_mod1b_sm.jpg"
alt="QImaging Retiga camera with a liquid-crystal filter attached."
width="100" height="87" border="0" style="float: left; margin-bottom:
1em;"></a>
							<p>You can download a camera control without filling out this
form.<br>Just visit our <a href="Camera_CtrlsA.shtml">Camera Control
Downloading page</a>.</p>
						</div>
						<div style="clear: both;">
							<a href="A/IPLab_MAS_Evals.shtml">
								<img src="../images/key_grn.jpg" alt="A key with a green
handle" width="92" height="47" border="0" style="float: left;
margin-bottom: 1em; padding-right: 8px;"></a>
							<p>If you already have this month's Download Password,
<br>please <a href="A/IPLab_MAS_Evals.shtml">go straight to the
download section</a>.</p>
						</div>



=====
Note:  Any HTML I've typed probably contains 
spaces or periods to break it in HTML-capable mail readers. 
(e.g.   <.H1>Like This< /H1>  )

__________________________________
Do you Yahoo!?
Yahoo! SiteBuilder - Free, easy-to-use web site design software
http://sitebuilder.yahoo.com

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA