responsive design

Jeg er ved at lave min side om til responsive design.
jeg ønsker nu at menuen ligger ovenpå <img src="layout/top.jpg">
det skal ligge det samme sted uanset hvilket device man ser det på.
har forsøgt med forskellige løsninger, men synes ikke det kan lykkes.
håber en kan hjælpe :-)

min html ser sådan ud

<img src="layout/top.jpg">
<div id="wrapper">

<div id="content">
</div>

<div id="menu">
</div>

</div>

min css
#wrapper {
    top:50px;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    position:absolute;
    }

#content {
width: 100%;
box-shadow: 10px 10px 5px #888888;
Background: #c3d6e4;
Padding:5px;
Color:#000000;
}

#menu {
    width: 100%;
    box-shadow: 10px 10px 5px #888888;
    Background: #4E565B;
    Padding:5px;
    Color:#ffffff;
    Top:50px;
    position:absolute;