IE transparentnost & FF centriranje

[Nemesis]

Radim na jednom wordpress projektu. I na ovaj kod:

Code:

/* this is for whole theme */ body {    background: url('images/body_background.jpg') repeat;    text-align: center;    padding-top: 5px;    color: #000000;    }     #all {    text-align: left;    width: 890px;    height: 100%;    }     /* header */ #header {    width: 890px;    height: 165px;    background: transparent;    } #header_left {    float: left;    width: 20px;    height: 165px;    background: url('images/header_left.png') no-repeat;    } #header_center {    float: left;    width: 840px;    height: 165px;    } #header_right {    float: right;    width: 30px;    height: 165px;    background: url('images/header_right.png') no-repeat;    } #header_top {    float: left;    width: 840px;    height: 46px;    background: url('images/header_top.png') no-repeat;    } #header_main {    float: left;    height: 119px;    width: 840px;    bottom: 0px;    padding-left: 15px;    background: url('images/header.jpg') no-repeat;    }

...mi izlista ovo u firefoxu. Problem je u tome što layout nije centriran...


...te ovo u IE. Tu je problem u ovom zadnjem <div>-u koji je dolje te u ovim .png backgroundima koji nisu transparentni.


Ne obraćajte pozornost na title i description, nisam ih još kodirao. A molim vas da ne savjetujete transparentni .gif jer mi je potreban shadow te zato koristim .png

10x...

EDIT: E da, skoro zaboravih, probao sam koristiti ovaj tutorijal, no bezuspješno

[Nemesis]

E ovo sa FF sam rješio, kod je:

Code:

margin-left: auto;     margin-right: auto;