Page is broken in Firefox ... but ok in Chrome/IE ... any ideas??

Hi all....

this is driving me crazy .... cant seem to see why page is broken in Firefox??

any ideas??

http://energyzestudio.com/schedule/

 

Open style.css from wp-content/themes/austerity/style.css

Go to line: 261

Find:

.header {
        float: left;
        padding-top: 30px;
        width: 100%;
}

Code (markup):

Remove float:left and you will get:

.header {
        padding-top: 30px;
        width: 100%;
}

Code (markup):

Looks ok in Firefox for me after this.

 

thanks!!! ... that did it! ... do you think this will affect other aspects of site?? ... why was that causing an issue in firefox and not in chrome/IE?.....

 

This shouldn't cause any other problems .The float attribute was just floating header over content.
Sometime different browsers handle the code in different ways.
I don't know exactly why that code works in other browsers and breaks header layout in Firefox.

 

OK ... thanks again Hefaistos!