Toolbar CSS problem with dropdowns stops buttons from flowing under them

[Mike]

Hi Guys,

This might be a really stupid question, but how do I align the start of the Insert Table button to the left. Cant seem to find it.

http://www.zenithcreations.com.au/table-misaligned.gif

this.toolbar =

[

popupeditor?, ["separator","formatblock","fontname","fontsize","bold","italic","underline","strikethrough"], ["separator","forecolor","hilitecolor","textindicator"], ["separator","subscript","superscript"], ["linebreak","separator","justifyleft","justifycenter","justifyright","justifyfull"], ["insertorderedlist","insertunorderedlist","outdent","indent"], ["separator","inserthorizontalrule","createlink","insertimage","inserttable"], ["linebreak","separator","undo","redo","selectall"], (HTMLArea.is_gecko ? [] : ["cut","copy"]), ["linebreak","separator","clearfonts","removeformat","toggleborders"], ["linebreak","separator","htmlmode","showhelp"]

Is there somewhere else I should be looking at?

Thanx in advance Mike

[mharrisonline]

At some point this year, there was an update to the stylesheet that made the height of each toolbar row taller, and created problems below dropdown menus that prevent buttons from flowing under them. The problem goes away if you use an older stylesheet...

[gocher]

htmlarea.css:

change from

.htmlarea .toolbar select:active { 
  margin-top: 2px;
  margin-bottom: 1px;
  color: ButtonText;
}

to

.htmlarea .toolbar select:active { 
  margin-top: 0px;
  margin-bottom: 1px;
  color: ButtonText;
  position: relative;
  top: 2px;
}

[ray]

maybe this will become important for 0.95