længere boks i css

Jeg har en "banner" boks på www.menzel.dk/skoleweb som jeg ikke kan finde ud af at gøre længere. Det vil sige, jeg kan godt lave den længere, men så bliver den meget lang og der kommer er scroller. Jeg vil have boksen til at være ca. 10px fra højre kant.

mit style sheet ser så ledes ud:

a{
    text-decoration: none;
}

a:link{
    color: #37669A;
    font-weight: bold;
}

a:visited{
    color: #37669A;
    font-weight: bold;
}

a:hover{
    color: #37669A;
}

a:image {
    background-image: none;
    border: none;
    outline: none;
    text-decoration: none;
}

body {
    background: #FFFFFF;
    margin: 10px 20px 10px 20px;
    padding: 0;
    scrollbar-3dlight-color: #37669A;
    scrollbar-arrow-color: #37669A;
    scrollbar-darkshadow-color: #37669A;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    }

#navmenu {
  position:absolute;
    top: 100px;
    left: 20px;
    background: #F2F2F2;
    color: #37669A;
    margin-top : 0px;
    width: 190px;
    float: left;
    padding: 10px 20px;
    text-align: left;
    font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

hr.menu {
    color: #990033;
    width: 10px;
}


#banner{
    position:absolute;
    top: 20px;
    left: 230px;
    background: #F2F2F2;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #37669A;
    font: bold 32px;
}

font.mid {
    vertical-align: middle;
}

#logo {
  position:absolute;
    top: 20px;
    left: 50px;   
}

#indhold {
    position: relative;
    top: 50px;
    left: 210px;
    background-color: White;
    height: 400px;
}

Kom gerne med en detaljeret forklaring, så kan det være også jeg fatter det :)

VH
Torsten