IE and Firefox in Windows not applying CSS

[updates]

Hey guys,

I'm working on a website for a client of ours and cannot get the site to render properly in IE or Firefox for Windows. If anyone out there could give it a quick test and shoot back some ideas on what might be causing the problem, I would greatly appreciate it. Please note: The site advertises male enhancement products but please don't take this message as spam. Thanks.

http://www.raiseyoursword.com

Tyler

[holyhttp]

I've took a comparative look at the home page in Chrome and Firefox: I see no difference.
It's a total mess in IE.

It's always a good idea to specify the width and height of the main containers as well as the overflow property.

.wrap{
...
position:relative;
overflow:hidden;

}

.header {
height: 90px;
padding: 0;
width:100%;
overflow:hidden;
}

.logo {
float: left;
clear:left;
padding: 10px 0 0 6px;
margin:0;
width: 296px;
height:77px;
}

.header_nav {
float: right;
clear:right;
padding: 27px 0px 0 0;
width:592px;
height:64px;
overflow:hidden;
}

.banner {
height: 305px;
width:100%;
margin:0;
padding:0;
}

In a nutshell you really have to specify dimensions of containers particularly when elements are floated.
The lack of hierarchical structure and relationship between the various elements does not help you contains them.
There is a fundamental reason why you should use at least 4 main containers: #wrapper, #header, #maincontent (which contains page #content, #sidebar and others) and a #footer.

Once you succeed in laying out those main elements (in all major web browsers) then you can start adding child elements to each.