I met a issue, I need to setup multi <div> class using jQuery Css.

$("div.ucLabelHeader").css(cssLabelHeader); at IE only change first div.

only using .each() method + css( name, value ) work both FF and IE

code shown as below:

<script type="text/javascript"

src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

You may specify partial version numbers, such as "1" or "1.3",

with the same result. Doing so will automatically load the

latest version matching that partial revision pattern

(i.e. both 1 and 1.3 would load 1.3.2 today).

google.load("jquery", "1.3.2");

google.setOnLoadCallback(function() {

// Place init code here instead of $(document).ready()

});

</script>

<script type="text/javascript">

$("document").ready(function() {

var cssObj =

{

'width': '500px',

'height': '460px'

}

var cssLabelHeader =

{

'position': 'static',

'margin': '0px',

/*'padding': '3px 0pt 3px 0px',*/

'padding': '3px 0px 3px 0px',

'width': '460px',

'left': ' '

}

if (!$.browser.msie)

{

$("div#ealertScroll").css(cssObj);

$("div.ucLabelHeader").each(function(i) {

alert(i);

$(this).css(cssLabelHeader); ONLY WORK AT FF

$(this).css('position' , 'static'); Both IE and FF

});

}

});

</script>

<div id="ealertScroll" >

<div class="ucLabelHeader" style="margin: 0px; padding: 3px 0pt 3px 0px; width: 100%; text-indent: 8px;">1</div>

<div class="ucLabelHeader" style="margin: 0px; padding: 3px 0pt 3px 0px; width: 100%; text-indent: 8px;">2</div>

<div class="ucLabelHeader" style="margin: 0px; padding: 3px 0pt 3px 0px; width: 100%; text-indent: 8px;">3</div>

<div class="ucLabelHeader" style="margin: 0px; padding: 3px 0pt 3px 0px; width: 100%; text-indent: 8px;">4</div>

</div>