vB WYSIWYG editor problem

[Jon@Refresh]

We have customized the layout of the forum pages on our site, but the WYSIWYG editor is not functioning correctly.

http://www.refresh.com/newthread.php?do=newthread&f=33
username: test_account
password: test

-- the font/size/color drop-downs aren't working
-- when you begin to type, the size dropdown disappears
-- when clicked on, the drop-downs appear at the bottom-right of the screen.

Obviously this is something to do with our customization (probably CSS), but we need to work out what is causing it.

Does anyone have any ideas? Happy to pay/donate for a solution!

Thanks :D

[Lynne]

You do have two sets of smilies... could they be interfering with each other?

[Jon@Refresh]

I'm not sure what you mean by 2 sets of smilies?

I don't think that's it, though. Everything was fine until we switched to this design and CSS.

Anyone have any ideas? Thanks!

[cheesegrits]

The menu dropdown positioning problem is because you are using relative positioning on the 'container' div. Unfortunately, vB computes the offsets for popups with the assumption that there will be no containing blocks that use anything but static positioning between the menu and the document root.

If you do use blocks with "position: relative" or "position: absolute", CSS then uses the top left of that block as the reference point for offsets. But it's using offsets vB calculated relative to the top left of the whole document. So everything gets shifted right and down.

The only way I know of round this is to use 'top' and 'left' coordinates, rather than absolute positioning for your container div(s).

-- hugh