Witam, doznałem dzisiaj jakiegoś strasznego zamroczenia, i nie wiem czemu poniższy kod nie chce działać

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css" media="screen, projection">
#outer
{
position: relative;
background: rgba(22, 22, 22, 0.5);
height: 100%;
width: 100%;
min-height:600px;
min-width:800px;
position: fixed;
z-index: 4;
}
#inner
{
background:#000;
padding:50px;
width: 920px;
height: 580px;
color: #fff;
margin: auto auto auto auto;
}
<!-- Save for Web Slices (navbar.psd) -->
qqweqwwwqw
sdadsadad
chcialbym aby srodkowy div byl zawsze wysrodkowany w pionie i poziomie, a po zmniejszeniu rozmiaru okienka, powinny pojawiać się paski do przewijania strony - tak aby nie ucinało zawartości - jeśli ktoś podpowie jak to zrobić - będe bardzo wdzięczny