First, thank you guys for being so helpful. I've greatly appreciated  
the assistance you've given me.

Well I'm stumped again. I'm having a problem with clearing a small  
floated div that contains one image and a brief caption underneath.  
The div floats just before a paragraph, which wraps nicely around  
it...except for the bullets of the UL that's within that paragraph.  
They get caught behind the caption only.

Here's what it looks like and here's the CSS.

I read a great article about clearing HERE but it doesn't seem to  
work for this unless I bungled the directions. Specifically, I added  
this to my css page and then included the selector "clearfix" in the  
div:

.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

And here's the html:

<div id="inlinePhoto" class="imageLavendarWomen clearfix"><h4>Pioneer  
Founders are instrumental in providing leadership and direction to  
the Foundation</h4></div>

Also, notice that in the html I put this for the floating div. It has  
an ID as well as two classes. Is this a bad idea?

Thanks,

Raymond 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to