CSS(?) and/or IE7 funky-ness with “AddThis” button…

[takeiteasy04]

Hello all…

My problem is follows:

I have an “AddThis” social media bar/button in the footer.

Some of the content in the main body of the site is contained expandable (show/hide) divs.

In IE7, the “AddThis” button doesn’t react to the new height of the page when the divs have been expanded, and stays in the same spot, completely oblivious to the fact that the footer (in which the button is contained) has in fact been pushed down, to allow for the newly expanded content…

Any help would be greatly appreciated. Link and code are below.

http://ace.edu/promos/100826/el.aspx

HTML for the footer:

Please note that licensure and certification requirements vary from state to state. Educators interested in pursuing their graduate education through the American College of Education should check with their respective state Department of Education for determining the certification requirements of their state.


American College of Education is accredited by The  Higher Learning Commission and a member of the North Central Association of  Colleges and Schools (HLC/NCA)  |  312.263.0456


American College of Education, 20 North Wacker Drive,  Suite 1776, Chicago, IL 60606  |  1.800.280.0307


© 2011 American College of Education  |  All Rights Reserved  |  Privacy Policy

CSS for the footer:

.footer { background-color: #dadada; margin: 0 71px 24px 70px; padding: 0 24px 12px 24px; }

.footer1 { clear:both; text-align:left; height: 48px;  overflow: hidden; }

.footer1 .footerTagline { float: right; }

.footer1 a { color:#000; }

.sharethis { width:130px; float:left; margin:0; padding:3px 0 0 0; }

.footer img { float:left; position:relative; margin:10px 5px 0 0; }

.footerText { font-size:10px; color:#444; padding-top:12px; text-align:left; }

.footerText a { color:#444; }

.footerText p { margin:0 0 10px 0; padding:0; }

[Author]

Posts