How to stop a DropDown overlapping an image

[Purple Helen]

Hi - I am inexperienced in Flare and XML editing - I am a proofreader/editor and normally I use Word - so I am struggling when trying to edit webpages for my client.

I have a Topic with an image (*.png file) in it. I have it set to float right. (There are various other Image Styles set up - I've tried some but the problem persists).

The text of the Topic includes a few dropdown boxes. When these are opened, they go behind the image and show through it.

The only solution I have found is to change the dropdown to a toggler - but there must be another way.

I also find that Preview does not show the problem - it only becomes apparent when the Topic is Posted.

I have tried "Enable Object Position" but it still does not show a true WYSIWYG preview of the Topic.

Any suggestions please as to:
a) how to stop the Dropdown over/under lapping the image.
b) how to see in Preview exactly what will be seen on the webpage.

Many thanks

Helen

[i-tietz]

Try adding a clear: both; to the image.

[Purple Helen]

I solved this in the end by applying a solid background to the image, matching that of the page, so the drop down effectively wrapped round the image.