css - jQuery slideToggle on Internet Explorer 7 -


made simple script hide/show hidden div. page automatically adjusts height on firefox, safari , chrome.

however on internet explorer 7, div overlaps contents @ bottom i'm using joomla cms. have gone wrong ? have tried including "position:relative" bottom contents isn't helping.

$j(idname).css({"opacity": "0"}); $j(idname).slidetoggle('fast', function() {      $j(idname).animate({opacity:"1"}, function() {         if(jquery.browser.msie) {             this.style.removeattribute('filter');             $j("#main-body").css("height","auto");         }     });   }); 

visit http://educationtechnologysummit.com/sponsors-a-partners.html ie 7 clearer view. click on read more amazone

you seem have overflow property doesn't appear getting set correctly. try ensuring have overflow: hidden; declaration div element.


Comments

Popular posts from this blog

Add email recipient to all new Trac tickets -

400 Bad Request on Apache/PHP AddHandler wrapper -

php - Change action and image src url's with jQuery -