Positionering / rykker ved mindre resolution

Jeg er ved at lege lidt med opbygning af hjemmeside, og har lavet en bette test på: www.securehome.nu

- Mit problem er følgende, hvis du rykker siden sammen, fra venstre også gør den mindre, rykker menuen ned under logoen og "forsvinder"

er der eventuelt nogle der kan fortælle mig HVORFOR den gør dette.

CSS:

body {
    margin:0;
    background:url('designpictures/bg1.jpg')
}

/*Dette er wrapperen om hele siden*/
#wrapper {
    background:url('designpictures/bg1.jpg');
    width: auto;
    min-width:100%;
    height:500px;
    margin-left:auto;
    margin-right:auto;
}

/* Dette er selve menu wrapperen */
#menuwrapper{
    background:url('designpictures/bg2.png');
    width:100%;
    height:70px;
    margin:0 auto;
 
   
}

/* Dette er content */
#container {
    width: 900px;
    height: auto;
    min-height:800px;
    margin: 0 auto;
    background:url('designpictures/bg1.jpg'); 
   
    position:relative;
   

}

/* Dette er selve menuen */
#menupanel{
    width:auto;
    height:70px;
    margin:0 auto;


   
   
   
}
/* Dette er content tekst formateringen */ 
p.contenttekst{
    font-size:14px;
    margin:0px;
    color:white;
    font-family:Verdana;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;

}
/* Dette er top banneret til Alarm siden */
#alarmbanner{
    width: 900px;
    height:200px;
    background-color:red;
    position:relative;
   
   
}

#logo{
    width:312px;
    height:70px;
    float:left;
   

}

form {
    margin:0px;
    padding:0px;
}

selve koden

<div id="wrapper">
        <div id="menuwrapper">
            <div id="logo"><img src="designpictures/logo.png" /></div>
            <div id="menupanel">
            <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" BackColor="#FFFBD6" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#990000" StaticSubMenuIndent="10px">
                <DynamicHoverStyle BackColor="#990000" ForeColor="White" />
                <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                <DynamicMenuStyle BackColor="#FFFBD6" />
                <DynamicSelectedStyle BackColor="#FFCC66" />
                <Items>
                    <asp:MenuItem NavigateUrl="~/index.aspx" Text="Forside" Value="1234"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="~/kontakt.aspx" Text="Kontakt" Value="5467"></asp:MenuItem>
                    <asp:MenuItem Text="Om os" Value="Om os" NavigateUrl="~/omos.aspx"></asp:MenuItem>
                    <asp:MenuItem Text="Overvågning" Value="Overvågning" NavigateUrl="~/overvaagning.aspx"></asp:MenuItem>
                    <asp:MenuItem Text="Produkter" Value="Produkter" NavigateUrl="~/produkter.aspx"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="~/alarm.aspx" Text="Alarm" Value="Alarm"></asp:MenuItem>
                </Items>
                <StaticHoverStyle BackColor="#990000" ForeColor="White" />
                <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                <StaticSelectedStyle BackColor="#FFCC66" />
            </asp:Menu>
        </div></div>
   
        <div id="container"> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
       
        </asp:ContentPlaceHolder></div>

       
        </div>