alinhamento IE

olá pessoal

to com problema de alinhamento e opacidade dos itens itens no IE 6 e 7

<div id="redes_sociais" style="float: right; margin: 10px; width: 300px">
 <ul style="display:inline;">
 <li style="float:left; opacity: 0.7; filter: alpha(opacity = 70);" id="thumb_facebook">
 <div>
 <a href="http://www.facebook.com/banda.till.joey">
 <img src="http://tilljoey.webuda.com/images/icons/8033_128x128.png" border="0;" width="32" height="32">
 </a>
 </div>
 </li>
 <li style="float:left; opacity: 0.7; filter: alpha(opacity = 70);" id="thumb_twitter">
 <div>
 <a href="http://twitter.com/#!/TillJoey">
 <img src="http://tilljoey.webuda.com/images/icons/8049_128x128.png" border="0;" width="32" height="32">
 </a>
 </div>
 </li>
 <li style="float:left; opacity: 0.7; filter: alpha(opacity = 70);" id="thumb_youtube">
 <div>
 <a href="http://www.youtube.com/tilljoeyoficial">
 <img src="http://tilljoey.webuda.com/images/icons/8050_128x128.png" border="0;" width="32" height="32">
 </a>
 </div>
 </li>
 <li style="float:left; opacity: 0.7; filter: alpha(opacity = 70);" id="thumb_soundcloud">
 <div>
 <a href="http://soundcloud.com/tilljoey">
 <img src="http://tilljoey.webuda.com/images/icons/logo-sound-cloud.png" border="0;" width="32" height="32">
 </a>
 </div>
 </li>
 </ul>
 <br style="clear: both;">
</div>

desde já obrigado