ActiveX height remains 5 in IE10 and IE11

I just moved my ActiveX creation logic from HTML to JavaScript but in Windows 8.1 IE 11 (also IE 10 on Win 7) always shows it as 5 in DOM explorer. In Win 7 IE 9 it works fine. Below is the javascript code I am using to plugin the ActiveX

var strAx = "<object id='myactivex' classid='clsid:12345678-1234-1234-1234-123456789012' ";
strAx += "width='300' height='300' style='min-height:300px; margin- margin- margin-right: 0px;margin-bottom: 0px' ";
strAx += "codebase='url#version=1,0,0,0' >";
strHtml += "</object>";

$("#div").html(strHtml);

<object width="300" height="5" id="myactivex" classid="clsid:12345678-1234-1234-1234-123456789012" style="HEIGHT: 5px; WIDTH:300px; LEFT: 1px; MARGIN:0px; TOP: 1px" codebase="url#version=1,0,0,0"></object>

Appreciate your guidance in resolving this.

Please vote as helpful if my question/answer help you finding your solution.