Hey all, I am in need of help with a problem.

I have 2 editable areas on a page, one below the other like so:

------------------------
area 1
------------------------
space
------------------------

area 2

------------------------

Now, whenever I add a layout to "area 2" via the "Add Layout" option, the space between the two areas increases, almost like I've added a bottom margin to "area 1" or something.

When the page is viewed in Firefox the space doesn't increase much, but in every other browser the space becomes a bit too large and really annoys me. I have tried using a negative margin, while it does fix the problem in other browsers it makes it worse in Firefox by moving "area 2" over "area 1".

I have also tried deleting the CSS for the two areas to check if it is causing it but the problem was still there.

I have added 2 screenshots of how it looks like in Firefox and Opera. (the problem is between "Dubrovnik" and the image under it).

Any help would be wonderful, thanks.