Layout med css - fejl

Jeg sidder og bøvler med noget layout i css...
jeg har denne css fil:
------------------------------------------------------
body {
    margin:0px;
}

#title {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height: 75px;
    background-image: url(../GFX/Background.GIF);
    background-repeat: repeat;
    z-index: 2;
}
#leftmenu {
    padding-top: 150px;
    top: -75px;
    position:absolute;
    left:0px;
    width:150px;
        height:100%;
    background-image: url(../GFX/Background.GIF);
    background-repeat: repeat;
    z-index: 1;
}
#rightmenu {
    padding-top: 150px;
    top: -75px;
    position:absolute;
    right:0px;
    width:150px;
        height:100%;
    background-image: url(../GFX/Background.GIF);
    background-repeat: repeat;
    z-index: 1;
}
#content {
    padding-top: 75px;
    margin-left:150px;
    margin-right:150px;
    background-color: green;
    height: 100%;
    z-index: 0;
}
------------------------------------------------------
Problemet er at mine menuer (leftmenu rightmenu) er sat til 100%, men menuerne kommer altså til at være 100%+75px... Hvordan laver jeg det så det optimalt?
Min content er mærkelig nok perfekt...