Need advice and solution

[PLYomer]

\[code\]<div class="wrapper"> <div class="header"> <img id="back" /> <img id="front" /> </div> <div class="body"> ... </div> <div class="footer"> ... </div></div><style type="text/css">.wrapper { margin-left: auto;margin-right: auto;margin-top: -8px;width: 1024px;height: 1500px;background-color: #CCC;border: 1px solid;/*display: run-in;*//*position:fixed;*/text-align: center;}.header {background-color: #FFC;/*margin: 0 auto;*/height: 150px;width: 1000px;display: box;z-index: 10;text-align:center;vertical-align:middle;position: fixed;display:block;}#back {position: relative;width: 100%;}#front{position: relative;z-index: 10;\[/code\]} I need to have header fixed on top of page (wrapper is fixed width) with images inside of wrapper centered both horizontally and vertically inside of header. How to achieve that?O.K.To clarifyWrapper is to be fixed width.Header should stick on top of page (inside of wrapper) and contain two pictures/images. Images should overlap one another and be centered both vertically and horizontally inside header.Hope I'm now precise enough.