jquery how to remove scroll bar in background when select is expanded,background :none doesnt works
<pre><code>$(document).ready(function(){
  $("#keyword_select").mouseover(function(){
    $("#keyword_select").css("height","200px","background-image","none").show(1000);

 });
 });

$(document).ready(function(){
  $("#keyword_select").mouseout(function(){
     $("#keyword_select").css("height","20px").show(1000);
 });
 });
</code></pre>

<p>the css</p>

<pre><code>#keyword_select {
height:23px;
width:200px;
background-image:url(ddl.jpg);
background-position:right;
background-repeat:no-repeat;

}
</code></pre>

<p>and the html</p>

<pre><code>&lt;select id=#keyword_select multiple="multiple"&gt;
&lt;option&gt; first image &lt;/option&gt;
&lt;option&gt; second image&lt;/option&gt;
&lt;/select&gt;
</code></pre>
