ทำซัับเมนูบาร์ (Menu Bar) พาเวลาเมาส์แต่พอเวลาเลื่อนลงมามันโดนข้อความข้างล่างทับ (มีรูป)

<style type="text/css"> 
	
	/*body, html {text-align:center; padding:3px 0;}*/

/* The CSS */
select {
    padding:3px;
	width: 250px; height: 25px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
   /* -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 1 3px 1 #ccc, 0 -1px #fff inset;*/
    background: #f8f8f8;
    color:#888;
    border:1px solid #87888a;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

input {
    padding:3px;
	width: 250px; height: 25px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
   /* -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 1 3px 1 #ccc, 0 -1px #fff inset;*/
    background: #f8f8f8;
    color:#888;
    border:1px solid #87888a;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:10px; top:3px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}​

	</style>
	

/* Reset */

* {
	margin:0px;
	padding:0px;
}

.clearFix {
	clear: both;
}

/* Container */

#container {
	/*padding:15px;*/
	width: auto;
	margin: 15px auto;
}



/* Red */

/* Navigation First Level */

#nav{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size:15px;
}

#nav ul{
	background:#222;
	height:35px;
	list-style:none;
	border: 3px solid #222;
	-webkit-border-radius: 6px;
}

#nav li{
	float:left;
	padding:0px;
}

#nav li a{
	background:#222;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	line-height:35px;
	padding:0px 25px;
	-webkit-border-radius: 6px;
	
}

#nav li a:hover{
	text-decoration:none;
	background: #4873b1;
	color:#FFFFFF;
	-webkit-border-radius: 3px;
}

/* Navigation Second Level */

#nav li ul{
	position:absolute;
	background:#222;
	display:none;
	height:auto;
	width:210px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	margin-left:-3px;
}

#nav li:hover ul{
	display:block;
}

#nav li li:hover {
	font-weight: 800;
}

#nav li li {
	display:block;
	float:none;
	width:210px;
}

#nav li ul a{
	text-align:left;
	display:block;
	height:35px;
	padding:0px 10px 0px 25px;
}

body {
	padding:15px;
}

  input.button {

    height: 25px;
    width: 80px;
    margin: 0 10px 18px 0;
    
    text-decoration: none;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 8px;
    text-align: center;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  input.button:before,
  input.button:after {
    content: '';
    position: absolute;
    left: -1px;
    height: 25px;
    width: 80px;
    bottom: -1px;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  input.button:before { 
    height: 23px;
    bottom: -4px;
    border-top: 0;
    
    -webkit-border-radius: 0 0 3px 3px; 
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    
    -webkit-box-shadow: 0 1px 1px 0px #bfbfbf;
    -moz-box-shadow: 0 1px 1px 0px #bfbfbf;
    box-shadow: 0 1px 1px 0px #bfbfbf;
  }

  /* GRAY */
  input.gray,
  input.gray:hover,
  input.gray:visited {
    color: #555;
    border-bottom: 4px solid #b2b1b1;
    text-shadow: 0px 1px 0px #fafafa;
    
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(top,  #eee,  #e2e2e2);
    
    box-shadow: inset 1px 1px 0 #f5f5f5;
  }

  .gray:before,
  .gray:after {
    border: 1px solid #cbcbcb;
    border-bottom: 1px solid #a5a5a5;
  }

  input.gray:hover {
    background: #e2e2e2;
    background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#eee));
    background: -moz-linear-gradient(top,  #e2e2e2,  #eee);
  }