menüyü sola almak istiyorum, css kodlar icerde

merhaba arkadaslar wordpress temamda header de bir menü eklentisi kurdum, fakat menü kurulduktan sonra saga dogru dayaniyor, bunu kisitlamak istiyorum, cünkü orada arama kutusu var onun üzerine uzuyor, bu uzunlugunu nasil belirleyebilirim, size css kodunu gönderiyorum nerede degisiklik yapmak gerekli?

#suckerfishnav {
    background:#990000 url("../multi-level-navigation-plugin/images/suckerfish_red.png") repeat-x;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:9px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-18px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#9C1F1B;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#990033;
    }

#suckerfishnav için margin-right veya padding-right kullan, align için left, çek, aynı şekilde text-align da ayarlayabilirsin.
____________________
misal şöyle bişi dene:

#suckerfishnav {
background: #990000 url("....png") repeat-x;
font-size: 12px;
font-family: verdana,sans-serif;
font-weight: bold;
width: 100%;
margin-right: 150 px; >> sağ menünün div boyutuna göre ayarla,
text-align: left; >> bu şart değil, yapmasan da olur.
padding-right: 150 px; >> margin yemezse bunu dene
}
__________
inş. çalışır.
_______
edit:
margini autoya çekip width değerini düşürerekte olabilir, menüyü bozmazsa onu dene.
(margin: auto; >> ortalar
width: 80%;
gibi..)

#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }

with:100%; burdaki yüzdeyi düsürünce oldu, 55 yaptim tam oturdu

peki bakalım, hayırlı olsun, kolay gelsin.

dedginiz gibi bu kodu uygulayinca menünün yaisi bozuldu fakat temanin kendi style.css dosyasindaki defult ayarlari etkisiz hale getirdim, suan menü ye uyguladigim ayarlar etkin görünüyor sorunsuz. Bu arada yardiminiz icin tesekkürler...

kendin çözmüşsün aslında ama rica ederim.