Layout Problem with Image and Text side by side

Well I was working for many weeks on a previous template but I just wasn't happy with the overall design with that template came up with so I've been working around the clock on a new one that I think I'm happy with.

The problem is the new template is kind of overcomplicated and a little buggy. I've been able to fix a bunch of problems in it but there are some other ones.


Two problems:

1)I'm experiencing a problem with the Comments link at the bottom of the post. When it gets 10 or higher comments the graphic and Comments Link moves up.

2)Also next to it there is a Bookmark link to AddThis and for some reason the + graphic is duplicated in IE that may be related to the problem1.

Example (fixed when comment # is under 10):
http://advnationtest.blogspot.com/2009/09/section23-films-announces-new-anime-and_02.html

Example 2 (out of alignment when comment # 10 or more)
http://advnationtest.blogspot.com/2009/09/test.html

Image comparison in the newest version of Firefox and Internet Explorer in Windows XP SP 3



I have been spending a few hours today trying to change some of the padding and placement elements of these 3 elements (.addthis_button, .comment-link and .post_footer2 and they just get more out of alignment the more I try to fix it). What is the problem here? Any ideas?

Thanks so much for any help or insight.

anb

The width of the post_footer2 is too low,

set it to 190px or wider...

sayzlim

Thank you so much! That fixes the problem. I was looking in the wrong area and I thought it was a padding issue. LOL

Do you have any idea why in Internet Explorer it is showing 2 + graphic (.addthis_button). Is this an IE bug or is there something wrong with the code?

Thank you again.

anb

Can you post the screenshot of it,
and I think you must set the width at least 210px because 200px is not enough to hold both div tag.

sayzlim

Here is a screenshot:

Firefox and Opera (No problem)



IE (Problem with 2 + signs before Bookmark) (Images below zoomed in resampled 200-250% to see the problem easier)

anb

can't really say anything wrong with CSS, 
can't figure out what is the problem, probably the problem lies with the IE,
maybe someone who knows can answer this.

sayzlim

Thank you Thur you are awesome! That worked. I had to do a few padding changes after that but now the problem is solved.

Do you do coding for a living?   

I did not know that A class can duplicate the other class backgrounds, now I know. Learning something new everyday.

anb