6.x-1.x subthemes broken on FireFox 3-5 [#1175792]

6.x sub-themes of Omega 6.x-1.0 seem to be broken on FireFox 3.6.x.

If you take http://dev.sc2.fm/ as reference point, the whole layout seems to have a "margin-top:20px" on the #page level. The layout works fine on the latest Chrome and IE ( the search is bugged, but thats not related .. i guess :D )

According to FireBug this seems to be caused by the default.css on

.clear-block, .clearfix {
    display: block;
}

If you change display to "inline-block" .. it kinda works, but still doesn't look as intended.

Comments

Comment #1

XiaN Vizjereij CreditAttribution: XiaN Vizjereij commented 22 June 2011 at 10:15

Title:	6.x-1.0 subthemes broken on FF 3.6.x	» 6.x-1.x subthemes broken on FireFox 3-5
Version:	6.x-1.0	» 6.x-1.x-dev

Same error on the latest firefox.

I hacked together a workaround, but it kinda doesn't feel right :D

Here is what i'm doing to get my desired result

@-moz-document url(http://www.w3.org/),
               url-prefix(http://www.w3.org/Style/),
               domain(yourdomain.com) /*Set this to your domain and remove this comment*/
{
  /* CSS rules here apply to:
     + The page "http://www.w3.org/".
     + Any page whose URL begins with "http://www.w3.org/Style/"
     + Any page whose URL's host is "mozilla.org" or ends with
       ".mozilla.org"
   */

  #page {
		float: left;
		left: 50%;
		margin-left:-480px; /*set to a negative number 1/2 of your width*/
		position:relative;
	}
}