div not visible in IE8

[xdaggerx]

I am trying to show a div using the css \[code\]display\[/code\] property.The contents of \[code\]#divbar\[/code\] and \[code\]#divline\[/code\] are set dynamically using AJAX.This code works perfectly in Firefox and Chrome, but in IE 8 I'm unable to see the content of \[code\]#divbar\[/code\] even though the toggle button works perfectly.HTML :\[code\]<div id="divline" style="float:left;"> <div id="jqChart2" class="charts"></div></div><div id="divbar" style="float:left"> <div id="jqChartb2" class="charts"></div></div>\[/code\]jQuery :\[code\]$("#toggle_button1").click(function(){ $("#toggle_button1").css({'display':'none'}); $("#toggle_button2").css({'display':'block'}); $("#divline").css({'display':'block'}); $("#divbar").css({'display':'none'});});$("#toggle_button2").click(function(){ $("#toggle_button2").css({'display':'none'}); $("#toggle_button1").css({'display':'block'}); $("#divline").css({'display':'none'}); $("#divbar").css({'display':'block'});});\[/code\]CSS :\[code\]#toggle_button1{ display:block; width:100px;}#toggle_button2{ display:none; width:100px;}#divline{ display:block;}#divbar{ display:none;}\[/code\]Any suggestions?