infobubble tabs display crashed

[GoogleCodeExporter]

Demo link or sample code:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/exampl
es/example.html

What steps will reproduce the problem?
1.open the url in IE9.0
2.the tabs display wrong

Expected result:
the tabs should display on the same row.

Actual result:
one tab display on the other row.

Version: Revision 378

Browser / Operating System:
Windows 7 x64
IE 9

Additional comments:
I comment the code 'this.tabsContainer_.style['width'] = 
this.px(tabWidth);',everything is ok.

*********************************************************
Tip: Star this issue (next to title) to receive notifications of status
changes against this issue, also used as a gauge for how many people are
interested in seeing it resolved.
*********************************************************

Original issue reported on code.google.com by boywu...@gmail.com on 10 Aug 2012 at 3:08

[GoogleCodeExporter]

I had this same issue in IE9. My version of the infobubble.js had a mistake in 
the styles that were set for the tabs. My infobubble.js had these values set 
for the styles:
var styles = {
    'cssFloat': 'left',
    'position': 'relative',
    'cursor': 'pointer',
    'backgroundColor': backgroundColor,
    'border': this.px(borderWidth) + ' solid ' + borderColor,
    'padding': this.px(padding / 2) + ' ' + this.px(padding),
    'marginRight': marginRight,
    'whiteSpace': 'nowrap',
    'borderRadiusTopLeft': borderRadiusPx,
    'MozBorderRadiusTopleft': borderRadiusPx,
    'webkitBorderTopLeftRadius': borderRadiusPx,
    'borderRadiusTopRight': borderRadiusPx,
    'MozBorderRadiusTopright': borderRadiusPx,
    'webkitBorderTopRightRadius': borderRadiusPx,
    'zIndex': index,
    'display': 'inline'
  };

If you look at the first style it is cssFloat but it should be just float. 
CssFloat is not a valid style property. That fixed the issue for me.

Original comment by raheemal...@gmail.com on 12 Mar 2013 at 2:09