I have several clients with WordPress blogs. They upload photos to flickr, and then blog about the photos from there.
These posts render OK in WordPress, until the post is opened for editing (e.g. for adding categories). At that point, WordPress converts the flickr div tags to p tags, which screws up the photo rendering in Firefox and Safari.
Any solution to this?
Example...
http://portwashingtoninn.com/blog/
<div style="float: right; margin-bottom: 10px; margin-left: 10px"><a href="http://www.flickr.com/photos/photojmegan/252513633/" title="photo sharing"><img src="http://farm1.static.flickr.com/94/252513633_00fd4d469d_m.jpg" style="border: 2px solid #000000" /></a></div>
becomes
<p style="float: right; margin-bottom: 10px; margin-left: 10px"><a href="http://www.flickr.com/photos/photojmegan/252513633/" title="photo sharing"><img src="http://farm1.static.flickr.com/94/252513633_00fd4d469d_m.jpg" style="border: 2px solid #000000" /></a></p>
which makes the photos disappear in firefox, and get squished in Safari. This happens in multiple templates.