In case anyone is interested this is fairly straightforward to fix;
The toolbar is made up of a series of anchors containing image tags, each anchor has its own class;
A.Forum_ib_admin:link, A.Forum_ib_admin:visited, A.Forum_ib_admin:active, A.Forum_ib_admin:hover {
background-image: url(images/ib_admin.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 2px;
padding-right: 2px;
padding-top: 8px;
padding-bottom: 0px;
height: 35px;
width: 35px;
display:table-cell;
}
set;
display:block;
float:left;
height becomes redundant.
A.Forum_ib_admin:link, A.Forum_ib_admin:visited, A.Forum_ib_admin:active, A.Forum_ib_admin:hover
{
background-image: url(images/ib_admin.png);
background-repeat: no-repeat;
background-position: center;
padding-left: 2px;
padding-right: 2px;
padding-top: 8px;
padding-bottom: 0px;
display:block;
float:left;
width: 35px;
}
Apply these changes to the rest of the anchor classes and you will have a nicely arranged row.
Note; Because Block mode tags do not obey the center rule applied to the containing Table cell the row will be left justifed.
To indent the row simply apply a margin-left to 'Forum_ib_moderate' .
This is crossbrowser safe approach, tested in IE6 - 7 and Firefox.