I'm having trouble with IE, jquery's slidedown() function and the cufon script.
The website is http://thehealthagenda.com (its still mid development, so don't be surprised if its not completely finished!). At the top, on the home page, a panel slides down when the page loads using the jquery:
jQuery(document).ready(function($){
$('#clinicianArea').slideDown();
});
On Firefox and Chrome this works perfectly fine, however on internet explorer this puts out the menu for some reason! I have no idea why this happens.
Can anyone shed any light on the matter at all? How I'm meant to fix this.
Oddly unchecking display: inline-block !important in IE's developer tools and re-checking it puts everything back where its supposed to be (that css property is on the cufon element).
Does anyone have any idea why this is happening? And how to fix?
Thank you.
PS: If its something bleedingly obvious then I do appologise! But I cannot for the life of me find any explanation for this odd behavior!
Add position: relative to the parent element. This worked for me.