I have an interesting little problem with jQuery and Explorer 8. I have this code on my menu links at http://www.thousandcodes.com
$(document).ready(function(){
$('ul a').mouseover(function() {
$(this).css("color", "#000000");
$(this).stop().animate( { paddingLeft:"5px" }, 200 );
}).mouseout(function() {
$(this).stop().animate( { paddingLeft:"0" }, 200 )
}).click(function() {
$(this).stop().animate( { fontSize:"5px" }, 100 )
});
});
My problem rests in the click function. The browser seems to ignore the fontSize:"5px" and seemingly picks whatever size it wants (REALLY BIG!!!). This throws off formatting everywhere. I have tested the big three operating systems and their according browsers, and so far this issue only exists on IE 8. (On Opera, it doesn't get big, it just does nothing.) Any suggestions?
Also, if it helps, the effects are also not working on <Dream.In.Code> either, and I cannot easily access the slider menu because it moves ~50 pixels to the right. Is this a coding problem or a browser problem, and how can I fix it?!

New Topic/Question
Reply



MultiQuote



|