My issue is the left sidebar in IE7. The left sidebar is made up of three widgets...one WP Search widget and two Text widgets. The text widgets are made up of html tables, which helps align the three icons next to each other. I do not know CSS and am familiar with html, so that's why I used that method. But IE doesn't seem to like it. The site renders correctly in Chrome and Firefox.
FYI that the sidebar is 200px wide on the left.
Here is the HTML for the 'Subscribe' Text Widget:
HTML Code:
<table width="175" align="left"> <tr> <td align="left"> <a href="http://www.backyard-hockey.com/feed/"><img src="http://www.backyard-hockey.com/wp-content/themes/atahualpa353/images/rss-basic-webtreatsetc50.png" alt="Add our RSS Feed"></a> </td> <td align="left"> <a href="http://www.backyard-hockey.com/comments/feed/"><img src="http://www.backyard-hockey.com/wp-content/themes/atahualpa353/images/comments-basic-webtreatsetc50.png" alt="Add our Comments Feed"></a> </td> <td align="left"> <a href="http://www.backyard-hockey.com/subscribe-to-backyard-hockey-com/"><img src="http://www.backyard-hockey.com/wp-content/themes/atahualpa353/images/mail-webtreatsetc50.png" alt="Subscribe to our email list"></a> </td> </tr> </table>
HTML Code:
<table width="175" align="left"> <tbody> <tr> <td align="left"> <a href="http://www.facebook.com/pages/Backyard-Hockeycom/112885755403455" target="_blank"><img src="http://www.backyard-hockey.com/wp-content/themes/atahualpa353/images/facebook-logo-square-webtreatsetc50.png" alt="Like Backyard-Hockey on Facebook"></a> </td> <td align="left"> <a href="http://www.twitter.com/BackyardHockey" target="_blank"><img src="http://www.backyard-hockey.com/wp-content/themes/atahualpa353/images/twitter-logo-square-webtreatsetc50.png" alt="Follow BackyardHockey on Twitter"></a> </td> <td align="left"> <a href="http://www.backyard-hockey.com/contact-us/" target="_blank"><img src="http://www.backyard-hockey.com/wp-content/themes/atahualpa353/images/mail-square-webtreatsetc50.png" alt="Send us an e-mail"></a> </td> </tr> </tbody> </table>
What is the best way to solve this?
Thanks,
Joe
