Nice, beautifully illustrated what the problem is... :)
Currently you have this problem when a big image is shown, I expect that when you're using / entering tables in the HTMLarea you'll have the same problem.
The problem is within the CSS styling i'm using in the template. There are several ways to fix this:
Option 1: change your full template to use tables instead...
Option 2: find a CSS guru (sorry I'm no expert at this) who knows how to fix this. Below my ideas how to fix this (although I might be wrong about this... )
It might the clear tag in the css for the psrelatedinline block. Try changing clear: both; TO clear: right;
If that doesn't solve it , Perhaps also add a style for this class below to your stylesheet:
<p class="psstaticcontent-content"><!--[$text[$core.page]]--></p>
(or perhaps remove the "p" tag in this line alltogether)
Option 3: limit the size of the picture a bit... (not really an option i think...)
Please try Option 2 first ... if option 2 doesn't work, go for option 1 , if you have problems with converting the template to tables just post the code and what you've tried.
Please give it a try and let me know what solution worked for you.
[Edited on 10/8/2005 by moremojo]