HI All I'm drawing a blank on this today. We have a blog post with some ugly tag soup, courtesy of an inpage editor. So, ignore the font tags. I've already stripped it down to the bare essence to check on the behavior and I've got a question about fundamental block/float performance.
Here's the issue: http://tech.yahoo.com/blogs/null/870 We have a photograph that floats to the right. It sits in a paragraph. Following this paragraph is an unordered list. The first list item hits the image and constrains its width to the space between the left side of the main container and the edge of the image in Firefox. In IE6, the text of the list item continues to flow around the image. I'm sitting here thinking that firefox is doing it correctly, although frustratingly so. The list item is a block level element and contains all of the space it can. Upon hitting the image, it assumes that it can only be 250px wide instead of 450px. So, it renders all of the content in that list item as 250px. The next list item spans the entire container, as it doesn't have to worry about the image. I don't want to make a style for this particular post or list item. I need to set it to work with all possibilities. Has anyone come across this and figured out a way to force the list item text to flow around the image? For what it's worth, I'm going to re-code the post and manually update it. I'm going to switch to h4/paragraphs instead. Although I'm also tempted to go with a dl as well. But that is not the point of this email. I'm curious about any list item that needs to flow around a previously floated image. Thanks Ted Drake Front-end Engineer Yahoo! Tech ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
