Материалы залазят под модули - Вопросы по CSS

Поиграться в другую сторону.
А если хотите помощи - ссылку, пожалуйста.

media="screen"
.header {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 30px auto 0;

background-image: url('../images/header.jpg');
background-position: 0 0;
background-repeat: no-repeat;
position: relative;
width: 900px;
z-index: auto !important;
}

media="screen"
.sheet {
background: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #9CAFC4;
padding: 13px;
margin: 10px auto 0;
position: relative;
cursor: auto;
width: 900px;
z-index: auto !important;
}

#main {
  position: relative;
}

#main
{
  background: #FFFFFF url('../images/page.png') fixed;
  margin: 0 auto;
  font-size: 13px;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  position: relative;
  width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  overflow: hidden;
}

Да ну их. Они то недоступны, то глючат. Да и свободы на локалке побольше. 

Проблема то не в main и header
Важно знать кто родитель, какие свойства (почему подлазит под хедер)
по каскам смотреть, зря время тратить

Хедер живет своей жизнью, зачем его трогать.

тогда может
.header {
display: block;
}

Важно знать кто родитель, какие свойства (почему подлазит под хедер)
по каскам смотреть, зря время тратить

Вообще забавная штука - подписал слайдеру, который в хеде, суфикс от изды:"qwer", без пробела

А такого класса (class="nostyleqwer")
а вот в классе class="nostyle" стоит
position: absolute;

<div class="nostyleqwer">

Это результат суффикса без пробела, а поскольку такого класса нет, то и position: absolut не работал - в результате все отражалось првильно

А nostyle - это что значит?