Weird behaviour of .css in firefox when retrieving background-color of a option

[CA RO]

What I'm doing here is pretty simple:When someone selects a option from a select I want to change that select's background color to the selected option color.\[code\]$("select").change(function(){ var newcolor=$(this).children("option:selected").css("background-color"); $(this).css("backgroundColor", newcolor);});\[/code\]Easy right? Well it's not working at all in Firefox 17.0.1 (it works in Chrome). The problem is the variable newcolor is filled with: \[code\]rgb(51, 153, 255)\[/code\]. The best part is this color is nowhere to be found in my code, css, or anything.I've tried changing \[code\]background-color\[/code\] to \[code\]backgroundColor\[/code\], \[code\]children\[/code\] to \[code\]find\[/code\], nothing works.The fun part is, if I do this:\[code\]$("select").change(function(){ var newcolor=$(this).children("option:first").css("background-color"); $(this).css("backgroundColor", newcolor);});\[/code\]And select the first option, instead of the selected one... it works! I could make it work using some classes probably but I'm curious, why is this happening and is there any way to solve it?EDIT: added a jsFiddle. Try it with chrome and firefox!