Несколько сплошных цветных фонов в CSS

Question

Я пытаюсь выяснить больше о CSS-фонов только для опыта, и я пришел к небольшому snafu. Я хочу иметь 2 фона, один очень темный серый (почти черный), а затем непрозрачный белый перед ним. Если я использую posiiton: fixed; то я не могу установить margin: auto, чтобы центрировать непрозрачный ящик, который я хочу получить только на 65% от ширины. Картинка стоит тысячи слов, поэтому страница должна стоить 10 000.

www.nashread.com/template2

Вот CSS для непрозрачного фона (тот, который занимает 65%)

#subbackground 
{ 
    width: 65%; 
    height: 100%; 
    background-color: #D9D9D9; 
    opacity: .2; 
    margin:auto; 
    position: fixed; 
    z-index: 2; 
    color:#ffffff; 
} 

И вот твердый фон:

#background 
{ 
    width:100%; 
    height:100%; 
    background-color: #1C1C1C; 
    z-index: 1; 
    position: fixed; 
    background-repeat: no-repeat; 
    color:#ffffff; 
} 

В принципе, я хочу перекрывать фоны, а один - только на 65% от ширины. position: absolute не работает, потому что тогда, если вам нужно прокрутить вниз, не будет непрозрачного фона. Если бы я не мог сделать что-то с background-repeat: reapeat-y; или что-то типа того?

Спасибо, Тони.

Answer 1

position:fixed может достичь центрирование по:

margin-left:-32.5%; 
width:65%; 
left:50%; 
position:fixed;