Размещение блока по центру экрана

[SKM]

Здрвствуйте!

Задача: разместить два блока на div один в другом в центре экрана. Для большей наглядности привожу ссылку: _hххp://zdoba.modxshop.ru/avtorizacziya.html

Стили:
#autoriz {
  background: #FEFDCD url(../images/zastavka.jpg) no-repeat;
  width:1000px;
  height:800px;
  position: absolute;
  top:15%;
  left:15%;
  border: 1px red solid;
  margin: auto;
 }

.content {
       width:1000px; height:800px;
        display: table-cell;
        vertical-align: middle;
}



Верска:

<div id=autoriz>
  <div class=content>
    содержание
  </div>
</div>

Использование top:15%; left:15%; я так понимаю это лишнее, это не то что нужно, так как на разных диагоналях-разрешениях отступ разный

перерыл гугл в поисках, но так и не нашел решения.

Подскажите плз

[Modestes]

Вам нужно центрировать id=autoriz ? Если да то уберите в стилях

position: absolute;

top:15%;

left:15%;

margin:auto; оставьте

[SKM]

по вертикали - нужно что бы было по центру

Edited May 15, 2012 by SKM

[Great Rash]

#autoriz {
  background: #FEFDCD url(../images/zastavka.jpg) no-repeat;
  width:1000px;
  height:800px;
  position: absolute;
  top:50%;
  left:50%;
  border: 1px red solid;
  margin: -400px 0 0 -500px;
 }

[SKM]

#autoriz {
  background: #FEFDCD url(../images/zastavka.jpg) no-repeat;
  width:1000px;
  height:800px;
  position: absolute;
  top:50%;
  left:50%;
  border: 1px red solid;
  margin: -400px 0 0 -500px;
 }

Отлично помогло! СПС