Horizontal icons and IE

[Zeaks]

I'm trying to add a set of icons to the header of my blog. They look fine in firefox, but display vertical in IE unless I use the compatibility button. Here is my CSS

/* Social widget area */
#social-sidebar {
    float: right;
    margin-bottom: 20px;
    margin-top: -100px;
    width:auto;
}
#social-sidebar .widget { 
    margin: 0;
    padding-top:10px;
}
#social-sidebar .widget-title { display: none; }
#social-sidebar img{ 
    width: auto; 
    display:inline;
    width:32px; 
}
#branding hgroup {
    height: 120px;
}

Here is the test site http://twentyten.info

I've tried setting a width of #social-sidebar, but if I do, the images won't align to the right properly.
The plugin that adds the images has an option to choose what images will be shown, so it could be anywheres from 1-10 which makes it impossible to guess what width it will be.