I'm working on a design and I'm having trouble getting floats to float right properly. Here's the site: http://test.livejournal.org/~michaeln3/ The problem is in the second entry, notice how the "(Leave a comment)(permalink)" is next to the image, it should be below it. both the "(leave a comment)" and the image are floated right. The "(leave a comment)" depends on the text to the left to be large enough to push it down below the image, but if there isn't enough text there it won't work. It would be simple enough to just use clear:both, except that creates all kinds of problems because the right sidebar is actually a float. Is there any other way for me to make all the stuff that's floated right actually stay to the right?
Where I've got graphics with a title below I use float-right in one div round both, eg. <div class="rightpic"> <img src="graphics/7805a.gif" width="254" height="194" alt="basic 7805 circuit"> <h5 align="right">Standard fixed regulator circuit</h5> </div> The <h5 align...> works either way, it still comes under the image.