Problema con posicionamiento fijo

[temerariomalaga]

Buenas, tengo una web con un banner, un menú horizontal justo debajo del baner y debajo el contenido. El banner y el menú los tengo con un posicionamiento fijo, para que al bajar el cursor siempre aparezcan (como si utilizase los obsoletos frames). El problema está en que no se que posicionamiento ponerle al contenidopara que no se vea por debajo del banner y el menú cuando me desplazo por la web.
Dejo aquí un poco del código HTML y el CSS correspondiente a los div.

Código HTML:

<div id="banner">
            <img src="images/banner.gif">
        </div>
        <div id="menu">
            <ul>
                <li><a href="index.html">inicio</a>
                <li><a href="firmas.html">firmas</a>
                <li><a href="productos.html">productos</a>
                <li><a href="descargas.html">descargas</a>
                <li><a href="contacto.php">contacto</a>
            </ul>
        </div>
        <div id="text">
                         .
                         .
                         .
                         .
 

Código CSS:

#banner {
    position: fixed;
    top: 0px;
    left: 300px;
    }
#menu {
    text-align: center;
    list-style-type: none;
    position: fixed;
    top: 120px;
    left: 400px;
    }
#menu li a {
    color: #000;
    font-size: 25px;
    font-family: "Comic Sans MS";
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    }
#menu li {
    display: inline;
    background-color: #CC6600;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 17px;
    }
#text {
    margin-left: 30px;
    text-align: center;