Hi All,

I'm seeing some expected behavior in Firefox and (gasp!) IE is 
displaying the page correctly. I've validated my page. As the code is 
written, I would expect the first two (vertical #3 and #4) images to 
float to the right and the third (horizontal #5) image would wrap around 
and end up under the larger main image. Browsercam shows IE and opera 
displaying it as expected and Firefox and Netscape are somehow bringing 
the third image up and over the top of the first two??? Take a look: 
http://www.browsercam.com/public.aspx?proj_id=382281

Any thoughts?

Relevant HTML:  (http://www.bluegenefrenchies.com/french-bulldog-girls.html)
or shown below (links and alt info removed for brevity):
<p class="floatright">
<img src="images/sweetpea-metal3.jpg" width="171" height="200" alt="" />
<img src="images/sweetpea-metal4.jpg" width="171" height="200" alt="" /></a>
</p>
<p><img src="images/sweetpea-metal5.jpg" width="200" height="171" alt="" 
/></p>

Relevant CSS: http://www.bluegenefrenchies.com/driscol-secondary.css
or shown below.
.floatright {
float: right;
padding: 10px;
}


-- 
Erin Spangler
www.thedogsonline.com
Web Design and Hosting
for the Dog Enthusiast

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to