div 内部的select 的下拉选项 失焦
  

html:

<div class="all-goods">

        <div class="item">

          	<div class="product">

            	<h3> <a href="#">服务机构</a> </h3>

            	<s></s> 

           	</div>

          	<div class="product-wrap posone" style="height:360px;"> 

            	<div class="cf">

              		<div class="fl wd460 pl20 blee">

		                <p style="color:#e86842;font-size:17px;">xxx</p>

                		<br/>

                		

                		<p style="height:38px;"><select>

<option>请选择验证方式</option>

<option>请选择验证方式</option>

<option>请选择验证方式</option></select>&nbsp;&nbsp;</p>

                		

		            </div>

            	</div>

          	</div>



js:

$(function(){



	$('.all-goods .item').hover(function(){

		$(this).addClass('active').find('s').hide();

		$(this).find('.product-wrap').show();

	},function(){

		$(this).removeClass('active').find('s').show();

		$(this).find('.product-wrap').hide();

	});

	});

为什么选着下拉选项的时候，hover就会失焦啊，有人能指教下么
------解决方案--------------------
IE下移动到option下会有这个问题，你判断下判断下是否在select上

    var selFocus = false;
    $(function () {
        $('.all-goods .item').mousemove(function (e) { selFocus = e.target.tagName;document.title=selFocus+"
------解决方案--------------------
"+new Date().getTime });
        $('.all-goods .item').hover(function () {
            $(this).addClass('active').find('s').hide();
        &nbs