css float и прозрачность

Победить можно убрав баграунд с child

У меня нет бекграунда!

#headerleft{

    width: 270px;

    float: left;

}

float: left; убираю фон родителя просвечивает. А с ним - закрывается белым прямоугольником, шириной 270px

alexd73, дайте все стили посмотреть, скорее всего что-то наследуется.

перекрывается #header-inner

body {

    margin: 0;

    font-family: arial, sans-serif;

    background: url('images/verh.png') no-repeat;



}

#page {

    margin: 0 auto;

    width:986px;

}



#page-inner {



}



#header{



}



#header-inner {

    background: url('images/head.jpg') no-repeat;

}



#headerregions {

    width:986px;

    padding-top: 100px;

}

#headerleft{

    width: 270px;

    float: left;

}

#headerleft h2 {

    color: #6b6c6e;

    font-style: italic;

    font-size: 18px;

}



#headerright {

    width: 706px;

    padding: 80px 0 0 10px;

    float: left;

    color: #6b6c6e;

    background-color:transparent;



}

#headerright a {

    color: #6b6c6e;

    font-weight: bold;

}

#subheader{

    background: url('images/zabor.png') repeat-x bottom;

    height: 207px;

    margin: 0;

    clear: both;

}



#subheader-inner {

    background: url('images/niz1.jpg') no-repeat bottom center;

    height: 207px;

    padding: 0;

}



#wrapper {



}



#content {

}

#footer {

    clear:both; float:left; width:1000px;

    background: url('images/footer.gif') repeat-x;

    height: 81px;

    padding: 5px;

}

#footer-left, #footer-left{

    float: left;

    width: 50%;

}

#site-name {

    padding: 50px 0 0 0;

    color:#e6d324;

    font-size: 40pt;

    text-align: center;

}

#site-name a {

    text-decoration: none;

    color:#e6d324;

}

#site-slogan {

    color:#e6d324;

    font-size: 24pt;

    text-align: center;

}

#logo {

    padding: 55px 0 0 3px;

    width: 163px; height: 92px;

}





.shadow {

    text-shadow: black 2px 3px 2px;

}

Попробуйте элементы объявить как блочные и поставить позиционировать не только слева, но и clear укажите. То, что он перекрывает понятно, непонятно только откуда баграунд.

Помогло:

#header-inner {

background: url(images/verh.jpg) center top no-repeat;

overflow: hidden;

}

Moi-Sha, спасибо за помощь и отзывчивость :)