toolbar controls not working in IE7 for rtl (ex: arabic)

Hi,

We have an issue similar to the following bug, where in IE7 and using Arabic (or any RTL language) the toolbar controls for font/size etc. are not showing up at all. Plus other buttons such as text color, bullets, etc are getting mashed together and overlapping.

http://dev.ckeditor.com/ticket/5063

Was there ever a fix to the above ticket?

I was also thinking perhaps since we have custom css, there might be something we need to change in the toolbar.css? This is what we currently have, does anything obvious stand out?

Thanks in advance,
Michele

@media print
{
/* For printing, we simply hide the toolbar */

.cke_skin_bluesky .cke_toolbox
{
display: none;
}
}

.cke_skin_bluesky .cke_browser_webkit .cke_toolbox,
.cke_skin_bluesky .cke_browser_webkit .cke_toolbox > span
{
white-space: normal;
}

.cke_skin_bluesky .cke_toolbox
{
}

.cke_skin_bluesky .cke_rtl .cke_toolbox
{
}

.cke_skin_bluesky a.cke_toolbox_collapser,
.cke_skin_bluesky a:hover.cke_toolbox_collapser
{
/* arrowtop.gif */
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-position: 3px -1366px; /* +3px +4px */
background-repeat: no-repeat;
width: 11px;
height: 11px;
float: right;
border: 1px outset #D3D3D3;
margin: 11px 4px 2px;
cursor: pointer;
display: none;
}

.cke_skin_bluesky .cke_rtl a.cke_toolbox_collapser,
.cke_skin_bluesky .cke_rtl a:hover.cke_toolbox_collapser
{
float: left;
}

.cke_skin_bluesky a.cke_toolbox_collapser_min,
.cke_skin_bluesky a:hover.cke_toolbox_collapser_min
{
/* arrowleft.gif*/
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-position: 4px -1387px; /* +4px +3px */
background-repeat: no-repeat;
margin: 2px 4px;
display: none;
}

.cke_skin_bluesky .cke_rtl a.cke_toolbox_collapser_min,
.cke_skin_bluesky .cke_rtl a:hover.cke_toolbox_collapser_min
{
/* arrowright.gif*/
background-position: 4px -1408px; /* +2px +3px */
}

.cke_skin_bluesky .cke_toolbar
{
display: inline;
}

.cke_skin_bluesky .cke_separator
{
/*width: 2px;
height: 16px;
margin-top: 5px;
background: transparent url(images/toolbar.separator.gif) no-repeat top left;
float: left;*/
display: inline-block;
border-left: solid 1px #D3D3D3;
margin: 3px 2px 0;
height: 16px;
vertical-align: top;
}

.cke_skin_bluesky .cke_break
{
font-size: 0;
clear: left;
}

.cke_skin_bluesky .cke_rtl .cke_break
{
clear: right;
}

.cke_skin_bluesky .cke_toolbar_start
{
display: none;
}

.cke_skin_bluesky .cke_toolgroup
{
float: left;
margin-right: 1px;
margin-bottom: 1px;
padding: 2px;
display: inline;
}

.cke_skin_bluesky .cke_rtl .cke_toolgroup
{
float: right;
margin-right: 0;
margin-left: 6px;
}

.cke_skin_bluesky .cke_button a,
.cke_skin_bluesky .cke_button a:hover,
.cke_skin_bluesky .cke_button a:focus,
.cke_skin_bluesky .cke_button a:active,
.cke_skin_bluesky .cke_button a.cke_off
{
outline: none;
padding: 2px 4px;
height: 18px;
display: inline-block;
cursor: default;
}

.cke_skin_bluesky .cke_button a,
.cke_skin_bluesky .cke_button a.cke_off
{
filter: alpha(opacity=70); /* IE */
opacity: 0.70; /* Safari, Opera and Mozilla */
}

.cke_skin_bluesky .cke_hc .cke_button a,
.cke_skin_bluesky .cke_hc .cke_button a.cke_off
{
opacity: 1.0;
filter: alpha(opacity=100);
border: 1px solid white;
}

.cke_skin_bluesky .cke_button a.cke_on
{
background-color: #a3d7ff;
filter: alpha(opacity=100); /* IE */
opacity: 1; /* Safari, Opera and Mozilla */
padding: 2px 4px;
}

.cke_skin_bluesky .cke_hc .cke_button a.cke_on
{
padding: 0 2px !important;
border-width: 3px;
}

.cke_skin_bluesky .cke_button a.cke_disabled *,
.cke_skin_bluesky .cke_browser_ie a:hover.cke_button .cke_disabled *
{
filter: alpha(opacity=30); /* IE */
opacity: 0.3; /* Safari, Opera and Mozilla */
}

.cke_skin_bluesky .cke_hc .cke_button a.cke_disabled *,
.cke_skin_bluesky .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled *
{
filter: alpha(opacity=60);
opacity: 0.6;
}

.cke_skin_bluesky .cke_button a:hover.cke_on,
.cke_skin_bluesky .cke_button a:focus.cke_on,
.cke_skin_bluesky .cke_button a:active.cke_on, /* IE */
.cke_skin_bluesky .cke_button a:hover.cke_off,
.cke_skin_bluesky .cke_button a:focus.cke_off,
.cke_skin_bluesky .cke_button a:active.cke_off /* IE */
{
filter: alpha(opacity=100); /* IE */
opacity: 1; /* Safari, Opera and Mozilla */
padding: 1px 3px;
border: 1px solid black;
}

.cke_skin_bluesky .cke_button a:hover.cke_on,
.cke_skin_bluesky .cke_button a:focus.cke_on,
.cke_skin_bluesky .cke_button a:active.cke_on /* IE */
{
background-color: #86caff;
}

.cke_skin_bluesky .cke_button a:hover,
.cke_skin_bluesky .cke_button a:focus,
.cke_skin_bluesky .cke_button a:active /* IE */
{
padding: 1px 3px;
border: 1px solid black;
}

.cke_skin_bluesky .cke_button a:hover.cke_off,
.cke_skin_bluesky .cke_button a:focus.cke_off,
.cke_skin_bluesky .cke_button a:active.cke_off /* IE */
{
background-color: #dff1ff;
background: transparent url(images/menuBarItem_bg_mo.png) repeat-x top left;
}

.cke_skin_bluesky .cke_hc .cke_button a:hover.cke_on,
.cke_skin_bluesky .cke_hc .cke_button a:focus.cke_on,
.cke_skin_bluesky .cke_hc .cke_button a:active.cke_on, /* IE */
.cke_skin_bluesky .cke_hc .cke_button a:hover.cke_off,
.cke_skin_bluesky .cke_hc .cke_button a:focus.cke_off,
.cke_skin_bluesky .cke_hc .cke_button a:active.cke_off /* IE */
{
padding: 0 2px !important;
border-width: 3px;
}

.cke_skin_bluesky .cke_button .cke_icon
{
background-image: url(icons.png);
background-position: 100px;
background-repeat: no-repeat;
margin-top: 1px;
width: 16px;
height: 16px;
display: inline-block;
float: left;
}

.cke_skin_bluesky .cke_rtl .cke_button .cke_icon
{
float: right;
}

.cke_skin_bluesky .cke_button .cke_label
{
cursor: default;
display: none;
padding-left: 3px;
line-height: 18px;
vertical-align: middle;
float: left;
}

.cke_skin_bluesky .cke_rtl .cke_button .cke_label
{
padding-left: 0;
padding-right: 3px;
float: right;
}

.cke_skin_bluesky .cke_hc .cke_button .cke_label
{
padding: 0;
display: inline-block;
}

.cke_skin_bluesky .cke_hc .cke_button .cke_icon
{
display: none;
}

.cke_skin_bluesky .cke_accessibility
{
position: absolute;
display: block;
width: 0;
height: 0;
overflow: hidden;
}

.cke_skin_bluesky .cke_button .cke_buttonarrow
{
display: inline-block;
height: 17px;
width: 8px;
background-position: 2px -1469px; /* (+2, -5) */
background-image: url(images/sprites.png);
_background-image: url(images/sprites_ie6.png);
background-repeat: no-repeat;
float: left;
}

.cke_skin_bluesky .cke_rtl .cke_button .cke_buttonarrow
{
background-position: 0 -1469px; /* (0, -5) */
float: right;
}

.cke_skin_bluesky .cke_hc .cke_button .cke_buttonarrow
{
display: none;
}

/*** Firefox 2 ***/

.cke_skin_bluesky .cke_browser_gecko .cke_toolbar,
.cke_skin_bluesky .cke_browser_gecko .cke_button a,
.cke_skin_bluesky .cke_browser_gecko .cke_button a.cke_off,
.cke_skin_bluesky .cke_browser_gecko .cke_button .cke_icon,
.cke_skin_bluesky .cke_browser_gecko .cke_button .cke_buttonarrow,
.cke_skin_bluesky .cke_browser_gecko .cke_separator,
.cke_skin_bluesky .cke_browser_gecko .cke_toolbar_start
{
display: block;
float: left;
}

.cke_skin_bluesky .cke_browser_gecko.cke_hc .cke_button .cke_icon
{
display: none;
}

.cke_skin_bluesky .cke_browser_gecko .cke_rtl .cke_toolbar,
.cke_skin_bluesky .cke_browser_gecko .cke_rtl .cke_button a,
.cke_skin_bluesky .cke_browser_gecko .cke_rtl.cke_button a.cke_off,
.cke_skin_bluesky .cke_browser_gecko .cke_rtl .cke_button .cke_icon,
.cke_skin_bluesky .cke_browser_gecko .cke_rtl .cke_button .cke_buttonarrow,
.cke_skin_bluesky .cke_browser_gecko .cke_rtl .cke_toolbar_start
{
float: right;
}

.cke_skin_bluesky .cke_browser_gecko .cke_button .cke_label,
.cke_skin_bluesky .cke_browser_gecko .cke_break
{
float: left;
}

.cke_skin_bluesky .cke_browser_gecko .cke_rtl .cke_button .cke_label,
.cke_skin_bluesky .cke_browser_gecko .cke_rtl .cke_break
{
float: right;
}

/*** IE ***/

/* The biggest problem with IE is the RTL support (and float:right). It's
totally broken, and quite delicate. IE8 fixed these issues. */

.cke_skin_bluesky .cke_browser_ie .cke_rtl .cke_button .cke_icon,
.cke_skin_bluesky .cke_browser_ie .cke_rtl .cke_button .cke_label,
.cke_skin_bluesky .cke_browser_ie .cke_rtl .cke_button .cke_buttonarrow
{
float: none;
}

/*** WebKit ***/

/* We have originally used display:inline-block+float for cke_toolbar and it
worked well in all browsers, except IE+RTL. We had to change it to inline
and remove the float. This change didn't play well with Safari. */

.cke_skin_bluesky .cke_browser_webkit .cke_toolbar
{
float: left;
}

.cke_skin_bluesky .cke_browser_webkit .cke_rtl .cke_toolbar
{
float: right;
}

/*** Mixed Fixes ***/

.cke_skin_bluesky .cke_browser_ie8 .cke_button .cke_label,
.cke_skin_bluesky .cke_browser_opera .cke_button .cke_label,
.cke_skin_bluesky .cke_browser_webkit .cke_button .cke_label
{
line-height: 20px;
}

.cke_skin_bluesky .cke_browser_opera.cke_browser_quirks .cke_button .cke_label,
.cke_skin_bluesky .cke_browser_iequirks .cke_button .cke_label
{
line-height: 17px;
}

/* IE8 strict button valign correction */
.cke_skin_bluesky .cke_browser_ie8 .cke_button .cke_label
{
vertical-align: top;
}

.cke_skin_bluesky .cke_browser_iequirks.cke_browser_ie8 .cke_button .cke_label
{
/* revert previous */
vertical-align: middle;
}
/* END IE8 strict button valign correction */