CSS website displaying weird in Firefox

[fri3ndly]

My website looks really bad in Firefox and on some screen resolutions in IE

 

The url is:

 

chsweb.net/clients/penhurst

 

and it looks the worst on the homepage, about us page and directors page

 

Can anyone help me?

 

It looks like the contact bar on the side is not being recognised as an element. What I really want is it to be set as a minimum height

[phpQuestioner]

 

Try setting your "contentpage" div as a block level element. I believe that is the div that you are using as your page's content wrapper.

[fri3ndly]

Hi, thanks for the reply.

 

I tried that but no success. This is how the css for the main parts looks:

 

body {
height:100%;
margin:0 auto;
padding:20px;
text-align:center;
font-size: 11px; 
color: #333333; 
line-height: 16px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
background-color:#FFF;
}

#page{
width:800px;
text-align:left;
background-color:#FFFFFF;
margin:0 auto;
}
#header{
height:110px;
}

#contentpage{
margin-left:28px;
margin-right:28px;
margin-top:15px;
padding-bottom:5px;
display:block;
}
#contentpage2{
margin-left:28px;
margin-right:28px;
margin-top:15px;
display:block;
}

#content{
padding-right:190px;
text-align:left;
height:auto;
min-height:100%;
margin:0 auto;
display:block;
}

[fri3ndly]

Is it something to do with not 'clearing' a float? I havent used a clear anywhere

[phpQuestioner]

 

The code you just provided does not have any floats in it. Are you using floats or positioning any where else; in any other part of your css (inline or external)?