IE7 vs Firefox

[ck1999]

Can someone look at this style sheet and tell me why in IE7 the header appears below content-left screen but in firefox the header is not wrapped to the next line. If i reduce the width of the header to 801 there is a white line to the right of the header in both firefox and IE7.

  #wrapper {
		width:970px;
		margin:0px auto;
		border:3px solid #000000;
		padding:0px;      
		background-color:#ffffff;
                                position:relative;

	}

  #header {
                                border:0px solid #bbb;
		height:80px;
        		background-color: #008000;
        		Font-size: 38px;
        		font-family: denmark, arial;
        		font-weight:bold;
		width:802px;
        		font-style:italic;
        		text-align:center;
       		padding-top:10px;
       		color:#ffffff;
}



   #content {
		margin-left:-1px;	
		padding-bottom:0px;
                                top:81px;        

	}

	/* applies to all divs within the content div */

  #content div {
		padding: 0px;
		border:1px solid #bbb;
                                float:left;
               }

  #content-left {
  		width:165px;
	}

  #content-main {
		margin-left:10px;
                                margin-right:10px;
		margin-top:40px;	
		margin-bottom:20px;
		width:780px;
         		text-align:center;

	}

  #footer {
		margin-top:20px;
		margin-bottom:0px;
		margin-left:-3px;
    		padding:20px;
    		border:3px solid #000000;
    		width:930px;
    		text-align:center;
                                clear:both;
	}

  #bottom {
		clear:both;
		text-align:right;
	}

How can I fix this issue?

ck1999

 

[Vragabond]

It's hard to say without seeing how all these elements appear on the website. Can you give us a link to a mock site that demonstrates the problem?

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[Bandenjamin]

Do you get same result if you use width: 100%;

--Dan
Whenever you find yourself on the side of the majority, it is time to pause and reflect.
Mark Twain

 

[ck1999]

I currently cannot post the website up now.

I tried 100% this made the header section go all the way across the wrapper area and it was below content-left.

What I am trying to achieve is to have the header to the right of content-left and all the way to the wrap with no white space between the header and the wrapper border in either IE or Firefox.

ck1999