100% div (with 10px margin on top of DIV)

Question

Hay guys, I'm using this hack to get a cross browser 100% height DIV

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

#outer{min-height:100%;height:auto;background:#ffffcc}
* html #outer{height:100%;}/* ie6 and under*/

EDIT: However on my div i have a 1px top border and a 10px top margin. This addition totals 16px.

any idea how to edit this css to account for the 16px?

Answer 1

Nest it in a new div, that div will automaticly take over the width from its parent.