Hocam şuanda benim ekranımda düzgün gözüküyor senin css kodlarını html yapısını verdiğin css classlarına göre ayarladım bende normal gözüküyorlar şuan birde bu altta verdiğim css kodlarını denersen özelden bana sitenin linkini gönder bide ordan bakayım.

.menu, 
	.menu ul {
	   display: block;
	   list-style-type: none;
	   margin: 0;
	   padding: 0;
	}
	 
	.menu li {
	   border: 0;
	   display: block;
	   float: left;
	   margin: 0;
	   padding: 0;
	   position: relative;
	   z-index: 5;
	}
	 
	.menu li:hover {
	   white-space: normal;
	   z-index: 10000;
	}
	 
	.menu ul {
	   left: 0;
	   position: absolute;
	   top: 0;
	   z-index: 10;
	}
	 
	.menu li:hover > ul {
	   top: 100%;
	   visibility: visible;
	}
	 
	.menu li li:hover > ul {
	   left: 100%;
	   top: 0;
	}
	 
	.menu:after, 
	.menu ul:after {
	   clear: both;
	   content: '.';
	   display: block;
	   height: 0;
	   overflow: hidden;
	   visibility: hidden;
	}
	 
	.menu, 
	.menu ul {
	   min-height: 0;
	}
	 
	.menu ul,
	.menu ul ul {
	   margin: 0;
	   padding: 0;
	}
	 
	.menu ul li a:hover, 
	.menu li li a:hover {
	   color: #484848;
	   text-decoration: none;
	}
	 
	.menu ul {
		margin-top: 1px;
	   min-width: 15em;
	   width: auto;
	}
	 
	.menu a {
	   border-left: 1px solid #585858;
	   color: #fff;
	   cursor: pointer;
	   display: block;
	   font-size: 13px;
	   font-weight: 700;
	   height: 45px;
	   line-height: 45px;
	   margin: 0;
	   padding: 0 0.9em;
	   position: relative;
	   text-decoration: none;
	   text-shadow: 0 -1px 0 #000;
	   white-space: nowrap;
	}
	 
	.menu a:hover {
	   background-color: #808080;
	   background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
	   background-image: -webkit-linear-gradient(top, #808080, #363636);
	   background-image: -moz-linear-gradient(top, #808080, #363636);
	   background-image: -ms-linear-gradient(top, #808080, #363636);
	   background-image: -o-linear-gradient(top, #808080, #363636);
	   background-image: linear-gradient(top, #808080, #363636);
	   color: #fff;
	   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
	}
	 
	ul.menu > li:hover {
	   background-color: #363636;
	   color: #fff;
	}
	 
	.menu .current_page_item a,
	.menu .current-menu-item a {
	   background-color: #343434;
	}
	 
	.front-page .menu .current_page_item a {
	   background: none;
	   background-color: transparent;
	   background-image: none;
	   filter: none;
	}
	 
	.menu li li {
	   background: #fff;
	   background-image: none;
	   border: 1px solid #e5e5e5;
	   color: #444;
	   filter: none;
	   margin: -1px 0 1px 0;
	   width: auto;
	}
	 
	.menu li li a {
	   background: transparent !important;
	   border: none;
	   color: #444;
	   font-size: 12px;
	   font-weight: 400;
	   height: auto;
	   height: 20px;
	   line-height: 20px;
	   padding: 5px 10px;
	   text-shadow: none;
	   white-space: nowrap;
	}
	 
	.menu li li a:hover {
	   background: #f5f5f5 !important;
	   background-image: none;
	   border: none;
	   color: #444;
	   filter: none;
	}
	 
	.menu li li:hover {
	   background: #f5f5f5 !important;
	   filter: none;
	}
	 
	.menu ul > li + li {
	   border-top: 0;
	}
	 
	.menu li li:hover > ul {
	   left: 100%;
	   top: 0;
	}
	 
	.menu > li:first-child > a {
	   border-left: none;
	}
	 
	.menu a#responsive_menu_button {
	   display: none;
	}
	 
	.main-nav #responsive_current_menu_item {
	   display: none;
	}
	 
	.js .main-nav .menu {
	   display: block;
	}