Header problemi

Arkadaşlar resimde göründüğü gibi sitemde üst satıra sığmayan sayfa isimleri var. Bu sayfalar bir alt satıra kayıyor. Ancak sadece mouse ile üzerine gelindiğinde görünür oluyprlar. Bu problemi nasıl çözebilirim?

Fontu küçült (css), taşsın ama gözüksün diyorsan rengi düzenle (css), en bilemedin kendin bir menü yap ( konuyu açtığına göre yapamadın sanırım ) o zaman aşağıdaki veya benzeri bir eklentiyi kullan.

http://wpmegamenu.com/

kodlamayı görmeden kesin birşey söyleyemem ama muhtemelen height değerinden kaynaklanıyor. height kodunu büyültmen gerek.

/*

Theme Name: SeoHocası

Description: Özel olarak seo için tasarlanmış tam özellikli SeoHocası Teması.

Version: 2.0

Author: Seo Hocası

Theme URI: http://www.seohocasi.com/seohocasi-temasi/

Author URI: http://www.seohocasi.com/

*/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body { background: #f2f2f2; font-family: Arial,Helvetica,sans-serif; margin: 0; }
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
img { border: none }
.temizlikci { clear: both }
#tum { width: 980px; overflow: hidden; background-color: #fff; margin: 0 auto; }
{ width: 980px; overflow: hidden; background-color: #fff; margin: 0 auto; }
#header { background: url(grafik/headvefood.png); background-position: -1964px 0; height: 172px; width: 980px; margin: 10px auto; }
#header .logo { float: left; width: 415px; height: 65px; background: url(grafik/logo.png) no-repeat; margin: 10px 0 0 20px; }
#header .bosluk { width: 415px; height: 65px; }
#header .reklam { background:url(grafik/468-60bg.jpg); width: 468px; height: 60px; float: right; margin:8px 20px 0 0; padding:5px; }
#menu { background: url(grafik/imajlar.png); background-position: 0 -211px; display: block; font-family: Verdana,Helvitica,sans-serif; font-size: 9px; height: 80px; width: 980px; margin: 0 auto; padding: 0; }

#menu ul { list-style-type: none; background: none; width: 700px; float: left; margin: 0 0 0 20px; padding: 0; }
#menu ul li { float: left; line-height: 33px; margin:7px 1px 0 0; padding-left:7px; height:66px; }
#menu ul li a { color: #fff; text-decoration: none; padding:0 14px 0 7px; display:inline-block; }
#menu ul li:hover, #menu ul li.secili, #menu ul li.current_page_item{ background:url(grafik/btnbg.gif) left no-repeat;}
#menu ul li:hover a, #menu ul li.secili a, #menu ul li.current_page_item a{background:url(grafik/btnbg.gif) right no-repeat;color: #333;}




#kategoriler { width: 980px; height: 21px; float: right; margin: 0 15px 15px 0; padding: 2px 0 0 10px; text-align:center; }

#kategoriler ul { font-family: Tahoma, Geneva, sans-serif; margin-left:25px; }


#kategoriler ul li { list-style: none; font-size: 13px; display: inline-block; float:left; height:23px;background: url(grafik/imajlar.png);background-position: -45px -124px; line-height:1.5; padding-right:20px;}

#kategoriler ul li.frst{ width:20px;background: url(grafik/imajlar.png);background-position: -33px -124px; height:23px; padding:0;}
#kategoriler ul li.lst{ width:20px;background: url(grafik/imajlar.png);background-position: -927px -123px; height:23px; padding:0;}

#kategoriler ul li a,

#kategoriler ul li a:visited { color: #666; text-decoration: none; }

#kategoriler ul li a:hover { color: #333 }

#arama { width: 242px; height: 30px; overflow: hidden; float: left; margin: 6px 0 0; padding: 0; }

#arama input { width: 183px; height: 19px; float: left; border: none; background: url(grafik/arama-input.png) no-repeat; font: normal 18px Arial; color: #ccc; margin: 0; padding: 5px; }

#arama button { width: 47px; height: 29px; float: right; background: url(grafik/ara-devam.png); border: none; cursor: pointer; text-indent: -999em; background-position: 0 0; margin: 0; }

#arama button:hover { background: url(grafik/ara-devam.png); background-position: 0 -31px; }

#abone { background: url(grafik/abone-ol.png) no-repeat; width: 275px; height: 128px; margin: auto auto 15px; }

#abone input { width: 183px; height: 19px; float: left; border: none; background: none; font: normal 18px Arial; color: #ccc; margin: 92px 0 0 15px; padding: 5px; }

#abone button { width: 47px; height: 29px; float: right; border: none; cursor: pointer; text-indent: -999em; background-position: 0 0; background: none; margin: 92px 15px 0 0; }

#orta { width: 680px; overflow: hidden; float: left; }

#orta .yazilar { width: 650px; overflow: hidden; border: 1px solid #ddd; margin: 10px 0 10px 10px; padding: 3px 5px 0px; }

#orta .yazilar ul, #orta .tekil ul{list-style:inside;}
#orta .yazilar li { list-style-image:url(grafik/bullet.jpg) !important; color:#333; font-size:12px; margin-left:15px; line-height: 150%; }

#orta .yazilar p { color: #444; font-size: 12.5px; line-height: 150%; font-family: Arial; }

#orta .tekil { overflow: hidden; margin: 10px 0 0 10px; padding: 3px 10px 10px; }

#orta .tekil h3 { color:#0F294A; font-size:13px; }

#orta .tekil h2 { color:#0F294A; font-size:16px;font-weight:bold; }

#orta .tekil h1 { color:#0F294A; font-size:20px; }

#orta .tekil p { margin-bottom: 10px; color: #444; font-size: 12.5px; line-height: 150%; font-family: Arial; }

#orta .yazilar img { max-width: 590px }

#orta .tekil li { list-style-image:url(grafik/bullet.jpg) !important; color:#333; font-size:12px; margin-left:15px; line-height: 150%; }

#orta .resim { float: left; width: 140px; height: 100px !important; margin-right: 10px; background: #f2f2f2; border: 1px solid #ddd; padding: 4px; }

#orta .etiket { clear: both; font-size: 11px; color: #5c78a2; font-family: Tahoma; }

#orta .etiket a, #orta .etiket a:visited { color: #5c78a2; font-weight: 400; margin-bottom: 4px; font-family: Tahoma; text-decoration: none; font-size: 11px; letter-spacing: 0; text-transform: none; padding: 2px 3px; }

#orta .etiket a:hover { color: #89c247 !important; text-decoration: none ! important; }

#orta .detay { background: url(grafik/imajlar.png) no-repeat; background-position: 0 -65px; width: 455px; height: 22px; font-weight: 400; font-family: Tahoma; clear: both; float: left; color: #5c78a2; margin: 13px 0 0; padding: 4px; }

.marginver { margin-right: 13px; font-family: Tahoma; font-size: 11px; float: left; margin-top: 2px; line-height:1.6; }

.okunma { background: url(grafik/ikonlar.png); background-position: 0 0; width: 18px; height: 17px; float: left; }

.tarih { background: url(grafik/ikonlar.png); background-position: -20px 0; width: 19px; height: 17px; float: left; }

.yazar { background: url(grafik/ikonlar.png); background-position: -41px 0; width: 19px; height: 17px; float: left; }

.yorum { background: url(grafik/ikonlar.png); background-position: -62px 0; width: 18px; height: 17px; float: left; }

#orta .detay2 { background: url(grafik/imajlar.png) no-repeat; background-position: 0 -96px; width: 650px; height: 22px; font-weight: 400; font-family: Tahoma; clear: both; float: left; color: #5c78a2; margin: 10px 0 0; padding: 4px; }

#orta .devam { width: 176px; height: 25px; background: url(grafik/ara-devam.png); background-position: 0 -62px; display: block; float: right; margin: 13px 5px 0 0; }

#orta .devam:hover { background: url(grafik/ara-devam.png); background-position: 0 -89px; }

#orta .dvm { width: 176px; height: 25px; }

#orta .yazar_son { margin-bottom: 20px }

#orta .yazar_son ul li { list-style: none }

#orta .yazar_son ul li a,

#orta .yazar_son ul li a:visited { background: url(grafik/bullet.jpg) no-repeat 4px; padding-left: 20px; font-size: 12.5px; }

#crp_related { margin: 10px 0; line-height: 20px; }
#crp_related ul { padding-left:7px; margin:0;}
#crp_related ul li { margin:0 !important; list-style: none; font-size: 12.5px; margin-left:10px; }

#crp_related ul li a, #crp_related ul li a:visited { text-decoration: underline !important; }

#crp_related ul li a:hover { text-decoration: none }

#orta .nerdeyim { border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; height: 2.3em; margin-bottom: 15px; font-size: 11px !important; margin-top:-10px;}

#orta .nerdeyim li { list-style: none !important; color: #777; float: left; line-height: 2.3em; font-size: 11px !important; margin-left:5px; }
#orta .nerdeyim li a { background: url(grafik/ok.png) right no-repeat; display: block; padding: 0 18px 0 0; }

#orta .nerdeyim li a:link, #orta .nerdeyim li a:visited { color: #777; text-decoration: none; }

#orta .nerdeyim a:link, #orta .nerdeyim a:visited, #orta .nerdeyim li a:hover, #orta .nerdeyim li a:focus { color: #DD2C0D }

#orta .dortyuzdort { font-size: 25px; border-bottom: 3px solid #ddd; margin: 20px 10px 0; }

#orta .dortyuzdort_acik { font-size: 14px; border: 1px solid #fc9; background-color: #ffc; margin: 15px 10px 0; padding: 8px; }

#orta .kalin { font-weight: 700 }

.facebook { margin-right: 18px; float: left; background: url(grafik/sosyal.png); background-position: 0 0; width: 56px; height: 60px; }

.facebook:hover { background: url(grafik/sosyal.png); background-position: 0 -65px; width: 56px; height: 60px; }

.friendfeed { margin-right: 18px; float: left; background: url(grafik/sosyal.png); background-position: 0 -130px; width: 56px; height: 60px; }

.friendfeed:hover { background: url(grafik/sosyal.png); background-position: 0 -195px; width: 56px; height: 60px; }

.rss { margin-right: 18px; float: left; background: url(grafik/sosyal.png); background-position: 0 -260px; width: 56px; height: 60px; }

.rss:hover { background: url(grafik/sosyal.png); background-position: 0 -325px; width: 56px; height: 60px; }

.twitter { margin-right: 18px; float: left; background: url(grafik/sosyal.png); background-position: 0 -390px; width: 56px; height: 60px; }

.twitter:hover { background: url(grafik/sosyal.png); background-position: 0 -455px; width: 56px; height: 60px; }

#reklam-panosu { background: url(grafik/headvefood.png); background-position: 0 -91px; width: 279px; height: 301px; margin: 10px auto 15px; }

#reklam-panosu .r { float: left; margin: 10px 0 0 10px; }

#reklam-panosu .r img { width: 125px; height: 125px; }

#solside { width: 300px; float: right; background-color: #fff; overflow: hidden; margin-top: 10px; }

.solside { width: 270px; margin-left: 10px; margin-bottom: 15px; font-family: Tahoma; }

.solside h3 { background: url(grafik/imajlar.png) no-repeat; background-position: 0 -19px; font-size: 17px; color: #666; height: 31px; width: 280px; font-weight: 400; font-family: Verdana; margin: 0; padding: 12px 0 0 10px; }

.solside ul { list-style-type: none; margin-top: 10px; padding: 0; }

.solside ul li { line-height: 150%; margin-left: 5px; font-size: 12px; font-weight: 400; border-bottom: 1px dotted #ccc; }

.solside ul li a, .solside ul li a:visited { color: #333; background: url(grafik/bullet.jpg) no-repeat 3px; text-decoration: none; display: block; padding: 0 0 2px 20px; }

.solside ul li a:hover { color: #89c247}

.baglanti li { line-height: 1.6em; width: 130px; float: left; margin-left: 5px; font-size: 12px; font-weight: 400; border-bottom: 1px dotted #ccc; }

.etikett { color: #444; font-size: 12px; font-family: Arial; font-weight: 400; }

.etikett a,

.etikett a:visited { color: #333; text-decoration: none; text-align: center; }

.etikett a:hover { color: #89c218; text-decoration: none; }

#comments { color: #666; font-family: Arial; width: 635px; clear: both; margin-left: 10px; padding: 10px; }

#comments a { color: #666; font-weight: 700; text-decoration: none; }

#comments h2 { font-size: 1.1em; font-weight: 700; color: #666; padding-bottom: 5px; margin: 5px 0; }

#comments p { margin-bottom: 5px; line-height: 1.6em; font-family: Tahoma; }

#comments form { overflow: hidden; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 10px; }

#comments form p { font-size: 13px; margin-bottom: 5px; }

#comments form input { width: 350px; border: 1px solid #ccc; padding: 5px; }

#comments form textarea { font-family: Arial; height: 120px; width: 604px; border: 1px solid #ccc; background-color: #fff; padding: 4px !important; }

#comments button { font-size: 12px; float: right; color: #666; font-family: Tahoma; font-weight: 700; background: url(grafik/imajlar.png) no-repeat; background-position: 0 -19px; border: 1px solid #ddd; padding: 5px 15px; }

#comments button:hover { background: #3e6091; color: #fff; }

.commentdetails { margin-top: 25px }

.commentauthor { margin-bottom: 5px !important; font-weight: 700; }

.commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; }

.required { color: red }

h2.title { font-size: 1em !important; text-transform: uppercase; color: #565656; padding: 10px; }

.notfound { padding: 40px }

.notfound h2 { font-size: 18px; font-weight: 400; margin-bottom: 10px; }

#comments ol { list-style-type: none; clear: both; font-size: 11px; margin: 0; padding: 0; }

#comments .buffer { border: 1px solid #000; padding: 10px; }

#comments ol li { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-bottom: 10px; padding: 3px; }

#comments ol li p { color: #666; font-size: 13px; padding: 2px; }

#comments ol li ul li { border: 1px solid #666; padding: 10px; }

#comments ol li .avatar { float: left; margin-right: 5px; }

#comments ol li .comment-author .fn { font-weight: 700; font-style: normal; font-size: 1.2em; }

#comments ol li .comment-meta { font-size: 0.9em; color: #999; margin: 5px 0 10px; }

#comments ol li .comment-meta a { color: #999 }

#comments ol li .reply { font-size: 0.9em; font-weight: 700; padding-bottom: 0; }

#comments .children { list-style-type: none }

#comments .navigation { font-size: 0.9em; padding: 0 0 40px; }

#comments .navigation a { color: #999; border: 1px solid #ccc; padding: 3px 8px; }

#comments .navigation a:hover { color: #000; text-decoration: none; border-color: #000; }

#comments .says { display: none }

#ust_oval { background: url(grafik/imajlar.png) no-repeat; background-position: 0 -461px; width: 980px; height: 10px; margin: auto; }

#alt_oval { background: url(grafik/imajlar.png) no-repeat; background-position: 0 0; width: 980px; height: 14px; margin: auto; }

#footer .ustf { width: 976px; height: 68px; background: url(grafik/headvefood.png); background-position: 0 0; margin: auto; }

#footer .ustf_logo { width: 300px; height: 50px; float: left; margin: 20px 0 0 20px; }

#footer .fmenu { float: right; margin: 15px 20px 0 0; }

#footer .ack { margin-top:3px; margin-right:15px; color: #fff; font-size: 12px; }

#footer .fmenu ul { font-family: Tahoma }

#footer .fmenu ul li { list-style: none; font-size: 11px; display: inline; margin-right: 5px; background: url(grafik/li.png) no-repeat right; padding-right: 15px; }

#footer .fmenu ul li a,

#footer .fmenu ul li a:visited { color: #fff }

#footer .fmenu ul li a:hover { text-decoration: underline }

#footer .altf { width: 976px; height: 23px; background: url(grafik/headvefood.png); background-position: -981px 0; font-size: 11px; font-family: Tahoma; color: #ccc; text-align: center; padding-top: 6px; margin: auto; }

#footer a,

#footer a:visited { color: #fff; text-decoration: none; font-weight: 700; }

#footer a:hover { color: #333 !important }

.alt_sprt a { background: url(grafik/alt.png) repeat scroll 0 0 transparent; display: inline-block; float: left; margin-top: 2px; text-indent: -9999px; }

.sxhtml { background-position: 0 107px !important; height: 28px; width: 80px; }

.salexa { background-position: 0 70px !important; height: 32px; width: 30px; }

.scc { background-position: 0 30px !important; height: 29px; width: 29px; }

.scss { background-position: 0 141px !important; height: 28px; margin-top: 3px !important; width: 57px; }

.seohocasi { background-position: 0 175px !important; height: 28px; margin-top: 6px !important; width: 55px; }

#wp_page_numbers ul,

#wp_page_numbers li,

#wp_page_numbers a { border: none; text-decoration: none; font-weight: 400; font-style: normal; list-style: none; text-transform: none; text-indent: 0; font-variant: normal; text-align: left; line-height: 12px; letter-spacing: 0; word-spacing: 0; font-size: 11px; font-family: Tahoma; margin: 0; padding: 0; }

#wp_page_numbers { background: url(grafik/sayfalama.png); border: none; width: 654px; height: 22px; margin: auto; padding: 5px; }

#wp_page_numbers ul { width: 100% }

#wp_page_numbers li { float: left; display: block; }

#wp_page_numbers a { margin-left: 2px; margin-right: 2px; display: block; color: #666; background: url(grafik/pasif.png); width: 32px; height: 17px; text-align: center; border: none; padding: 4px 0 0; }

#wp_page_numbers li a:hover { color: #000 !important }

#wp_page_numbers li.space { margin-top: 2px; margin-bottom: 2px; border: none; padding-top: 2px; }

#wp_page_numbers li.first_last_page { font-style: italic }

#wp_page_numbers li.active_page a { background: url(grafik/aktif.png); width: 32px; height: 18px; text-align: center; border: none; padding: 3px 0 0; }

#wp_page_numbers li.active_page a:hover { color: #000 }

#wp_page_numbers li.page_info { margin-top: 2px; margin-bottom: 2px; padding-top: 2px; margin-right: 2px; padding-left: 2px; color: #666; border: none; }

.aligncenter,

.hizala { text-align: center }
/*
#menu ul li a:hover,

.secili a,

.secili a:visited,

.current_page_item a,

.current_page_item a:visited { color: #333 !important; background: #f2f2f2; display: block; }
*/
#orta .yazilar a,

#orta .yazilar a:visited,

#orta .tekil a,

#orta .tekil a:visited { font-weight: 550; color: #119ec8; text-decoration: none; }

#orta .yazilar a:hover,

#orta .tekil a:hover { text-decoration: underline; color: #89c218 !important; }

#orta .yazilar h1,

#orta .yazilar h2,

#orta .tekil h1 { margin-bottom: 2px }

#orta .yazilar h1 a:hover,

#orta .yazilar h2 a:hover,

#orta .tekil h1 a:hover { color: #444 !important; text-decoration: none; }

#orta .detay a,

#orta .detay a:visited,

#orta .detay2 a,

#orta .detay2 a:visited { font-weight: 400; color: #5c78a2 !important; font-family: Tahoma; font-size: 11px; letter-spacing: 0; text-transform: none; }

#orta .detay a:hover,

#orta .detay2 a:hover { text-decoration: underline; color: #5c78a2 !important; }

#comments form input:hover,

#comments form textarea:hover { border: 1px solid #ddd }

#comments ol li .comment-author,

#comments ol li .comment-author a { font-size: 14px; color: #333; font-weight: 700; }

#kategorilerorta,

#footer { width: 980px; margin: auto; }

#orta .yazilar h1 a,

#orta .yazilar h2 a,

#orta .yazilar h1 a:visited,

#orta .yazilar h2 a:visited,

#orta .tekil h1 a,

#orta .tekil h1 a:visited { font-size: 25px; letter-spacing: -1px; font-family: "Calibri", Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; color: #0f294a; }

#orta .yazar_son ul, #crp_related ul { margin-left: 10px }

.adsense_468x68{ padding-bottom:10px;}
.adsense_250x250{ width:250px; height:250px; display:block; margin:10px auto 0 auto;}

KODLAR BU SEKILDE. HANGILERINI DEGISTIRECEGIM ACABA

Sanırım Aşağıdaki Kodun Width bölümünü biraz arttırarak sorunu düzeltebilirsiniz.

#menu { background: url(grafik/imajlar.png); background-position: 0 -211px; display: block; font-family: Verdana,Helvitica,sans-serif; font-size: 9px; height: 80px; width: 980px; margin: 0 auto; padding: 0; }