Websida meny hjälp

Hej!
Behöver lite hjälp här. Använder just nu en mall för att skapa en hemsida. Men när jag ska ändra namn i menyerna så flyttas inte meny boxen med texten om ni fattar vad jag menar. Utan texten går utanför själva "boxen" när jag vill at boxen ska förstorars med texten.

Vet att detta ska gå på någo sätt men inte hur...
Någon som vet hur man gör?

Här har vi hela CSS koden som gör menyn...

#menu {
font-family:"Trebuchet MS", Arial, Sans-serif;
background: #444 url(images/menu.jpg) no-repeat;
height: 40px;
line-height: 40px;
}

#menu ul {
list-style-type: none;
margin: 0;
padding-left: 40px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
background: #99BED9 url(images/menuover.jpg) repeat-x;
}

#menubottom {
background: #444 url(images/menubottom.jpg) no-repeat;
padding: 5px 0;
}

Det som inte hänger med är att texten på boxen eller menytaben eller vad man ska kalla den går in i nästa om man skriver för lång rubrik istället för att menytaben ska förlängas.

Jo ska försöka vänta ett par minuter så ska vi se...

nä nu bumpar jag vill få detta att fungera!
Någon borde ju ha lite koll tycker man ju! Eller?

okej men det är ju konstigt att just den andra rutan fungerar precis som jag vill... Men du menar att man måste ha med någon width?

japp vänta lite...

Fixade det nu... Kopierade den som funkade och bytte ut namnet.
Tack för all hjälp!