Margin not showing with 100% width & height -

i trying build myself portfolio site. when thought finish building basic template, margin , media queries stuff totally drove me crazy. here temporarily hosted domain, www.kenlyxu.com/portfolio_new

i made pages fit whatever browser size using

html, body {         margin:0;       padding:0;       width:100%;       height:100%; 

i'm trying make 10px margin on side , on every page use container.

#thecontainer {     margin: 10px;     background-color: #f29e28;     height: 100%;     width: 100%;     }  #workcontainer {     margin: 10px;     background-color: #f29e28;     width: 100%;     } 

i hope end result orange background white margins on sides. when seeing site on desktop, margin-right , margin-bottom not showing. show when use width: 98.5%;

also, orange background color should expand according size of browser. on iphone 5 portrait view, orange background not extent bottom part. tried use standard media queries it, don't know values should give each of mobile devices.

try

position:fixed; 

in

 # thethecontainer 

now code looks like

#thecontainer { margin: 10px; background-color: #f29e28; height: 98%; position:fixed; width: 98.5%; }