Nested Img Floating and NS 7

richard.york · October 25th, 2003, 09:04 PM

Code:

<div style='margin-bottom: 20px; width: 100%;'>

<a href="/index.php?content=264&amp;PHPSESSID=e358834245b95f2a4e3a9f27b1622842&amp;submission=631" style="text-transform: lowercase; font-weight: bold;">Amoeba Cat Strings</a>
<div class='userdetails'>
    <div id="userdetails">Richard York (<a href="/index.php?content=335&amp;user=58&amp;PHPSESSID=e358834245b95f2a4e3a9f27b1622842">richy</a>) of Greencastle, Indiana </div>
</div>
<div style='margin-bottom: 10px; width: 100%;'>

    <img src="images/thumb.php?submission=631" style="width: 54px; height: 75px; margin: 5px; vertical-align: middle; float: left;" alt="Amoeba Cat Strings" />

    <div class='description' style='margin: 8px;'>

        <span style="font-style: italic">Click to see a full-sized image...</span><br />

    </div>
</div>
<div class='accessdetails' style='float: none; margin-top: 0px;'>
views: (8); rating: <a href="/index.php?content=243&amp;user=58&amp;PHPSESSID=e358834245b95f2a4e3a9f27b1622842">(unrated)</a> </div></div>

This mark-up works perfectly on IE 6. However when I run it on NN 7 or Moz 1, the image with the float property set to 'left' causes all following div elements to float to the right of the image regardless of nesting. One would expect that since the image is nested inside of a <div> that subsequent <div> elements would not float to the right of it. This is incredibly annoying! Anyone know how to force Navigator to stop doing this?!?

This code is used to format database output, so there is a repeating sequence of mark-up identical to the above that outputs up to ten times on a page.

Any insight would be gratefully received.

: )
Rich

:::::::::::::::::::::::::::::::::
Smiling Souls
http://www.smilingsouls.net
:::::::::::::::::::::::::::::::::