всем привет !
имееться следующий код

<*div id="wrapper">
<*div id="header">HEADER<*/div>
<*div id="content">CONTENT*/div<>
<*/div>
<*div id="footer">FOOTER<*/div>

цсс

html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}
#wrapper {
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
#content {
padding-bottom:40px;
}
#footer {
position: relative;
margin-top: -40px;
height: 40px;
background:green;
}
#header {
height: 30px;
width: 100%;
background:yellow;
}

- чтобы прижать футер к низу
всё бы хорошо, но когда я вставляю в цсс это:

#rmenu{
border:1px solid orange;
left:50%;
margin-left:-90px;
width:450px;
top:134px;
height:auto;
position:relative;
top:0px;
padding-bottom:50px;
}

и присваиваю этот id некому тексту, то при увеличении масшаба футер от низа отрываться
вообще
совершенно не понимаю какой параметр добавить, или изменить, и на что, чтобы всё работало нормально

помогите!!!!!!!