I have created a HTML5 webpage in which few spans appears by 'slideDown'(the jQuery style :)). But i'm having problems with animating it. So i tried the following.
1. Commented the entire DOCTYPE tag
<!--
<html xmlns="http://www.w3.org/1999/xhtml">
Result: it's working as expected, only in IE 9, but are missing in firefox and chrome. But audio tag added not seemed to be working. Also CSS3 was also not working (i had a rotate style added to 2 of the spans)
2. Uncommented the DOCTYPE tag
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
Result: Audio tag is now working, but not able to see the slideDown effect or the span at all!. All this is happening only in IE9, firefox and chrome seems to be too far.
3. Commented the entire DOCTYPE tag again
<!--
<html xmlns="http://www.w3.org/1999/xhtml">
Result: Both Audio and animations including CSS3 styles are working in IE, but still not in firefox and chrome.
Can anyone please advice if i've missed out anything or anything specifically needs to be added for HTML5 and CSS3 to work together?