Style changes after compile

[meindert]

Version: SmartClient Version: v8.3p_2012-11-23/Pro Deployment (built 2012-11-23)

Browser: Chrome

I've been having this annoying issue in Chrome for a while now, my menu looks just fine before I compile my project, but after compilation the style changes.

Here is the style before compilation

<div id="isc_H" eventproxy="isc_ToolStripMenuButton_1" onfocus="isc.EH.focusInCanvas(isc_ToolStripMenuButton_1_label,true);" onblur="if(window.isc)isc.EH.blurFocusCanvas(isc_ToolStripMenuButton_1_label,true);" tabindex="-1" style="position: absolute; left: 139px; top: 2px; width: 98px; height: 26px; z-index: 200109; overflow: visible; cursor: pointer;" onscroll="return isc_ToolStripMenuButton_1.$lh()">

And Here is the style after

<div id="isc_H" eventproxy="isc_ToolStripMenuButton_1" onfocus="isc.EH.focusInCanvas(isc_ToolStripMenuButton_1_label,true);" onblur="if(window.isc)isc.EH.blurFocusCanvas(isc_ToolStripMenuButton_1_label,true);" tabindex="-1" style="position: absolute; left: 142px; top: 4px; width: 135px; height: 22px; z-index: 200109; overflow: visible; cursor: pointer;" onscroll="return isc_ToolStripMenuButton_1.$lh()">

And here is the code I use at the moment, I'm trying to workaround the bug that broke the setIcon methode on the ToolStripButton

ToolStripMenuButton adminMenuBtn = new ToolStripMenuButton("", adminMenu);
adminMenuBtn.setHeight("22px");
adminMenuBtn.setWidth("135px");
String imgHTL= Canvas.imgHTML("glyphish/cog.png");
imgHTL = imgHTL.replace("='TEXTTOP'", "='center' style='height:20;width:20;text-align:center;line-height:20px;vertical-align:middle' ");
adminMenuBtn.setTitle("<span style='display: inline-block; width:122'>" + imgHTL+ "&nbsp;&nbsp;&nbsp;"+language.RatioSearchAdminSelection() + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>" );