problems with IE

[Stevo]

Hi all,

In chrome, FF and Safari my gallery is centered.
In IE I have some problems to center the page.

anybody can help me here??

Code Select Expand

html {
       background: #07558E;
margin: 0px;
padding: 0px;
}

body {
margin: 0px;
padding: 0px;
color: #000;
}

.container_holder {
padding: 20px;
width: 950px;
}

.container {
width: 950px;
margin: 0px auto;
        background:#07558E url('uploads/images/event-body.png') repeat-y;
overflow: hidden;
}

#container_bg {
        width: 950px;
        margin: 0px;
padding: 0px;
}

#container_holder {
margin-top: 20px;
}


#header {
        width: 950px;
        background:#07558E url('uploads/images/event-top.png') no-repeat;
        height: 200px;
}

#content {
        width: 850px;
min-height: 300px;
        font-size: 12px;
        font-family: Verdana, Arial, Comic Sans MS, sans-serif;
        margin: 10px 40px 20px 50px;
        overflow: hidden;
}

#content a {
        text-decoration: none;
        color: #07558E;
}

#content a:visited {
        text-decoration: none;
        color: #07558E;
}

#content a:active {
        text-decoration: none;
        color: #07558E;
}

#content a:hover {
        text-decoration: underline;
        color: #07558E;
}

#footer_holder {
      background:#07558E url('uploads/images/event-bottom.png') no-repeat;
      width: 950px;
      height: 80px;
      margin: auto;
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      color: #FFF;
}

#footer_copyright {
        margin: 30px;
        width: 40%;
        float: left;
}

#footer_links {
        margin: 30px;
        width: 40%;
        text-align: right;
        float: right;

}


#search {
        width: 250px;
        font-size: 12px;
        font-family: Verdana, Arial, Comic Sans MS, sans-serif;
position: relative;
margin-right: 40px;
margin-top: -100px;
        float: right;
}
.links a {
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      text-decoration: none;
      color: #FFF;
}

.links a:visited {
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      text-decoration: none;
      color: #FFF;
}

.links a:active {
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      text-decoration: none;
      color: #FFF;
}

.links a:hover {
      font-family: Verdana, Arial, Comic Sans MS, sans-serif;
      font-size: 12px;
      text-decoration: underline;
      color: #FFF;
}

[Stevo]

www.stevo.be/gallery

[Joe Carver]

Usually browser/browser display issues are caused by flaws in the basic markup.

Check your site here:  http://validator.w3.org/

Fix any problems the validation service finds and redo / reload until it is happy.

Then you will be happy. Don't forget Opera!

[Stevo]

Check your site here:  http://validator.w3.org/

I did it and I have only 6 minor details I have to change.

But my problem is that in FF, chrome, Opera my gallery is centered and in IE, the gallery is at the left.
How can I solve that?

[Joe Carver]

Fix any problems the validation service finds