addthis buttons dissappear in IE

Jan 23, 2011 at 2:47 AM

HI guys,

I added an addthis widget to my blog. I modified the /theblog/themes/Indigo/postview.ascx file and put my addthis code 

   <div class="postfooter">
        Tags: <%=TagLinks(", ") %><br />
        Categories: <%=CategoryLinks(" | ") %><br />
        Actions: <%=AdminLinks %>
        <a rel="nofollow" href="mailto:?subject=<%=Server.UrlEncode(Post.Title) %>&amp;body=Thought you might like this: <%=Post.AbsoluteLink.ToString() %>">E-mail</a> | 
        <a rel="nofollow" href="http://www.dotnetkicks.com/submit?url=<%=Server.UrlEncode(Post.AbsoluteLink.ToString()) %>&amp;title=<%=Server.UrlEncode(Post.Title) %>">Kick it!</a> |
        <a rel="nofollow" href="http://del.icio.us/post?url=<%=Server.UrlEncode(Post.AbsoluteLink.ToString()) %>&amp;title=<%=Server.UrlEncode(Post.Title) %>">del.icio.us</a> |
        <a rel="nofollow" href="http://www.dzone.com/links/add.html?url=<%=Server.UrlEncode(Post.AbsoluteLink.ToString()) %>&amp;title=<%=Server.UrlEncode(Post.Title) %>">DZone it!</a> |
        <a href="<%=Post.PermaLink %>" rel="bookmark">Permalink</a> |
        <a rel="nofollow" href="<%=Post.RelativeLink %>#comment">
             <img id="Img4" runat="server" alt="comment" src="~/themes/indigo/img/comments.gif" /><%=Resources.labels.comments %> (<%=Post.ApprovedComments.Count %>)</a>         |   
        <a rel="nofollow" href="<%=CommentFeed %>"><asp:Image ID="Image1" runat="Server" ImageUrl="~/pics/rssButton.png" AlternateText="RSS comment feed" style="margin-right:3px" />Comment RSS</a>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_preferred_5"></a>
<a class="addthis_button_preferred_6"></a>
<a class="addthis_button_preferred_7"></a>
<a class="addthis_button_preferred_8"></a>
<a class="addthis_button_preferred_9"></a>
<a class="addthis_button_preferred_10"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=deleted"></script>
<!-- AddThis Button END -->

    </div>

In IE the buttons are visible but this stuff in the box isn't.

Tags:
Categories:
Actions: Edit | Delete | E-mail | Kick it! | del.icio.us | DZone it! | Permalink | commentComments (0) | RSS comment feedComment RSS

Now if you scroll over the links in the box then its viewable, but will then again disappear.

However, If you take the addthis code and put it outside the <div> above then it shows up on the outside of box, but everything is viewable. It's obviously a css confliction, but any ideas on what that is? It works fine in Firefox and in chrome if you have it the way above. The box just disappears in IE>

Also, Someone want to tell me why IE is so anal? Billy boy relax!! Having choices is good!