Bar menu don't fit?

[solidcodes]

Hi guys,

I have a menu here,
http://budgetroomtourmla.com/menu/

as you can see the menu bar “room/city-tour” don’t fit the menu.
What CSS element to make it fit the menu?

thanks in advance

[ronpat]

Try this:

nav {
    background: #455868 none repeat scroll 0 0;
    border-bottom: 2px solid #283744;
    font-family: "PT Sans",Arial,sans-serif;
    font-size: 11pt;
    font-weight: bold;
    height: 40px;    /* DELETE Me */
    position: relative;
    width: 100%;    /* DELETE Me */
}

nav ul {
    display: table;  /* ADD Me */
    height: 40px;    /* DELETE Me */
    margin: 0 auto;
    padding: 0;
    width: 600px;    /* DELETE Me */
}

nav li {
    display: inline;    /* DELETE Me */
    display: table-cell;  /* ADD Me */
    float: left;    /* DELETE Me */
    text-align: center;
}

nav a {
    color: #fff;
    display:inline-block;   /* DELETE Me */
    display:block;        /* ADD Me */
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #283744;
    padding: 0 1em;        /* ADD Me */
    width: 100px;    /* DELETE Me */
}

[solidcodes]

@ronpat

Thank you very much dude.

[ronpat]

You’re welcome.