Header css problem with IE 7& 8

[Anni_wi]

Hello all!

 

I have a major problem that prevents me from launching my new web shop.

I'm almost done with the layout, but I can not get the header to appear in the same way in Firefox and Internet Explorer.

I have searched around online, but have not found any suitable answers to what I should do to fix this. I understand that the problem is with global.css which I think must be encoded differently in order to be compatible with IE?

In the picture attached you'll see first how the header looks like in Firexox and in the second picture how the header looks like in IE. The fields with flags and the login information is moved down below my logo for some odd reason, and I can't get them to stay where they should be.

 

 

I would really appreciate some help with this because as I said do that I can not launch my site.

Below is my global.css

/* global layout */
#page {
background: none repeat scroll 0 0 #FFFFFF;
width: 980px;
margin: 0 auto 2px auto;
text-align: left
}
#header_logo {
float: left;
width: 264px;
display: block
}
img.logo {
float: left;
margin-top: 0.5em;
font-size: 2em;
font-weight: bold
}
#header_right {
float: left;
margin-bottom: 15px;
width: 73%;
text-align: right
}
#left_column, #center_column, #right_column { float: left }
#left_column {
clear: left;
width: 191px;
margin-right: 21px;
overflow: hidden
}
#center_column {
width: 556px;
margin: 0 0 30px 0;
overflow: hidden
}
#old_center_column { display: none }

.ac_results_instant {
display: none;
visibility: hidden
}
#instant_search_results a.close {
background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;
float: right;
margin-right: 7px;
padding-right: 21px;
text-transform: none
}
#right_column {
width: 191px;
margin-left: 21px;
overflow: hidden
}

Best regards

Anni