ทำเมนู css เมื่อเอาเมาส์วาง แล้วมีช่องว่างทำให้ เลื่อนมาแล้วหาย ปรับอย่างไงครับ

<style type="text/css">
ul.v_menu{position:relative;display:block;height:39px;font-size:13px;font-weight:bold;background:transparent url(images/bgOFF1.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #FF0000;}

ul.v_menu{ /* กำหนดขอบเขตของเมนู */  
          /* เพิ่ม */
	z-index: 20;
    position: relative;
	list-style:none;  
    margin:0px;  
    padding:0px;  
    font-family:Arial,Verdana,Helvitica,sans-serif;  
    font-size:14px;  
	font-weight:bold;
	/* background:#fff url(img/bgON1.gif) no-repeat top right; */ 
}  
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูหลัก */  
    
	display:block;  
    width:160px;  /* ช่องยาว */  
	/* width:auto; */  
    height:30px;  /* ช่องกร้าง */ 
    text-indent:5px;  
    /*background-color:#FFCC00;    สีช่อง */ 
    background:#fff url(img/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;
	border:1px #006633 inset;  
    float:left;  
    text-align:center;  
}  
ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */  
    z-index: 1; 
	display:block;      
	width:160px; 	
    height:30px;  
    text-indent:5px;  
    background-color:#FFFFCC;  
    border:2px #006633 inset;  
    float:left;  
    text-align:center;  
	font-size:12px;  
	font-weight:bold;  
}  
ul.v_menu > li > a,ul.v_menu > li > ul > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */  
    text-decoration:none;  
    color:#333333;  /* สีตัวอักษร */ 
    line-height:20px;  
}  
ul.v_menu > li > ul{   
    display:none;  
    list-style:none;  
    margin:0px;  
    padding:0px;  
}  
ul.v_menu > li:hover > ul {   
    display:block;  
    width:160px;  
	
}     
ul.v_menu > li > ul > li{ /* กำหนดรูปแบบให้กับเมนูย่อย */  
    /* position:absolute; */
	z-index:2;   /* เพิ่ม */
	left:-999em;
	display:block;  
    width:160px;  
    height:30px;  
    text-indent:5px;  
    background-color:#0000FF;  
    border:1px #F4F4F4 solid;  
    float:left;  
    text-align:left;  
	
}  
ul.v_menu > li > ul > li:hover{ /* กำหนดรูปแบบให้กับเมนูย่อยเมื่อเมาส์อยู่เหนือ */  
    z-index: 3;   /* เพิ่ม */
	display:block;  
    width:160px;  
    height:30px;  
    text-indent:5px;  
    background-color:#0000FF;  /* สีพื้นหลังเมนูย่อ */ 
    border:1px #F4F4F4 solid;  
    float:left;  
    text-align:left;  

}  
</style>