IE7 css issue

HTML & CSS
1

I could use a fresh pair of eyes for a CSS issue I’m having that’s only cropping up in IE7. The code is ridiculously simple so I’m not entirely sure why it’s cropping up at all.

http://redcedarlaw.com/

All I’m looking to do is get the twitter button and the rss button side by side. I’ve confirmed it is already working as designed in Firefox 3.6, IE8, Chrome and Safari.

thanks!

2

From the W3C HTML Validator:

The align attribute on the img element is obsolete. Use CSS instead

You already have the contents aligning right here:

<div style="float: right; width: 300px; text-align: right; ">

so take the align=“right” out of the image coding.

Instead of doing all this inline styling it would be better if you gave this section an id and formated in the stylesheet. Then you could set the margins and padding for the images as 0 within that div.

3

That’s what I would’ve thought too, except if I do take the align=“right” out, the images stack for some reason instead of going side-by-side, (see attached screencap).

4

Html

        <div id="liketweettop">
          <p><a href="http://twitter.com/redcedarlaw" target="_blank"><img src="/wp-content/themes/redcedar_twentyten/images/twitter.png"alt="Follow Me" /></a><a href="http://feeds.feedburner.com/RedCedarLaw" target="_blank"><img src="/wp-content/themes/redcedar_twentyten/images/rssicon.png" alt="Subscribe to RSS" /></a></p>
        </div>

CSS

#liketweettop{
	float: right; 
	width: 300px; 
	padding-top: 5px;
	padding-right: 10px;
}
#liketweettop img{
	margin: 0px;
	padding: 0px;
	float: right;
}

Also noticed you have a link to a stylesheet in the body of your document. (where your slideshow is)