Upside down radial gauge in IE7?

[Scott Barnes Jr]

Hi!

 

I'm trying to gain insight into why my radial gauge looks fine in IE8 and above, but in IE7 I'm seeing the whole thing flipped upside down and misaligned. Everything I'm using to style the gauge seems very simple. Can anyone help? 

<div class="gauge-container">
    <div id="needGauge"></div>
</div>

<style scoped>
    #needGauge, #riskGauge {
        width: 75%;
        height: 65%;
        margin: -60px auto;
        clear: both;
    }

   .gauge-container {
      width: 100%;
      max-width: 220px;
      text-align: center;
      margin: 0 auto;
    }
</style>

[Danail Vasilev]

Hello Scott ,

Please examine this forum post (http://www.telerik.com/forums/why-does-my-gauge-look-like-this) that treats a similar issue.

Regards,
Danail Vasilev
Telerik