Need help fixing CSS in Static Html widget

[TalkVirginia]

I have a custom static html widget that looks like the first image in IE9 normal mode, however in other browsers such as IE8 or in non-compatibility mode, the smaller icons won't show up and the large yellow icon will be aligned to the left. Can someone help me get it to show up like the first image? Thank you

Here is the css:
#radio_ad_container { display: table; text-align:center; }
#radio_ad_row1 { display: table-row; margin-left:auto; margin-right:auto; }
#radio_ad_row2 { display: table-row; margin-left:auto; margin-right:auto; }#radio_ad_mainlogo { display: table-cell; padding: 10px; }
#radio_ad_icon1, #radio_ad_icon2, #radio_ad_icon3, #radio_ad_icon4, #radio_ad_icon5, #radio_ad_icon6, #radio_ad_icon7{ display: table-cell; padding: 10px; float:left; }




<div class="cms_widget">
<div class="block">
<div class="cms_widget_header">
<h3>{vb:raw widget_title}</h3>
</div>
<div class="cms_widget_content widget_content">
<div id="radio_ad_container">
<div id="radio_ad_row1">
<div id="radio_ad_mainlogo" style="margin-left:auto; margin-right:auto;">
<a href="http://www.thebigdc.com/main.html" target="_blank"><img src="./images/banners/BIG150-logo.png" width="117" height="134" align="middle" border="0"/></a>
</div>
</div>
<div>
<div id="radio_ad_social_bookmarks">
<div id="radio_ad_icon1"><a href="http://www.thebigdc.com/cc-common/radio_app/" target="_blank"><img src="./images/Seamus/misc/icon-iheartradio.png" width="20" height="20" /></a></div>
<div id="radio_ad_icon2"><a href="http://www.facebook.com/BIG1003" target="_blank"><img src="./images/Seamus/misc/icon-facebook.png" width="20" height="20" /></a></div>
<div id="radio_ad_icon3"><a href="http://twitter.com/big1003" target="_blank"><img src="./images/Seamus/misc/icon-twitter.png" width="20" height="20" /></a></div>
<div id="radio_ad_icon4"><a href="https://plus.google.com/115702082732564911901" target="_blank"><img src="./images/Seamus/misc/icon-google.png" width="20" height="20" /></a></div>
<div id="radio_ad_icon5"><a href="http://www.thebigdc.com/cc-common/radio_app/?tabs=iphone" target="_blank"><img src="./images/Seamus/misc/icon-iphone.png" width="20" height="20" /></a></div>
<div id="radio_ad_icon6"><a href="http://www.thebigdc.com/cc-common/radio_app/?tabs=android" target="_blank"><img src="./images/Seamus/misc/icon-android.png" width="20" height="20" /></a></div>
<div id="radio_ad_icon7"><a href="http://www.thebigdc.com/cc-common/radio_app/?tabs=blackberry" target="_blank"><img src="./images/Seamus/misc/icon-blackberry.png" width="20" height="20" /></a></div>
</div>
</div>
</div>
</div>
</div>

[Lynne]

Can you post a link to the actual page so we can see it?

[TalkVirginia]

Sure. You can find it at http://www.333amparanormalresearch.com. It's on the right side of the page. Thanks

[TalkVirginia]

Anyone? Anyone?

[Lynne]

Unfortunately, I don't have IE to be able to view the problem. I would guess it has to do with floating the divs since IE has issues with that.