Trending Content Box CSS Customization
I have installed the Trending content box in my sidebar and added the following CSS to my site's default CSS file. (site: http://dragonintuitive.com/)
.addthis_trendingcontent{position:relative;-webkit-border-radius:4px;overflow:hidden;}
.addthis-content-list{list-style-type:none;padding-top:0px;margin:0 5px 0 0;-webkit-margin-before:0;-webkit-padding-start:0;}
.addthis-content-row{border-bottom: dashed 1px #CFCFCF;font-size:12px;margin-left:0;margin-bottom:0;padding:0;list-style-type:none;}
.addthis-content-footer{margin:-5px 0 0 -10px;font-size:10px;}
.addthis-content-list-nb{list-style-type:none;padding-top:0px;margin:0 5px 0 0;-webkit-margin-before:0;-webkit-padding-start:0;}
.addthis-content-row-nb{border-bottom: dashed 1px #CFCFCF;font-size:12px;margin-left:0;margin-bottom:0;padding:0;list-style-type:none;}
.addthis-content-footer-nb{margin:-5px 0 0 -10px;font-size:10px;}.at-logo{background:url(data:image/gif;base64,R0lGODlhBwAHAJEAAP9uQf///wAAAAAAACH5BAkKAAIALAAAAAAHAAcAAAILFH6Ge8EBH2MKiQIAOw==) no-repeat left;padding-left:10px;right:10px;width:50px;}
.addthis_toolbox {padding: 3px 0 0 0;}
Everything works great in Firefox and Chrome. However it is not rendering correctly in Internet Explorer 9. The addthis css file appears to be overriding my css. I've looked at the ui code for not loading the addthis CSS, however I only want to do this for the trending content box. I don't know how to add the code to not load just the trending content addthis css.
Also, I'm curious what the '-nb' is used for in the css.
Thanks
