I have been searching for hours to figure out why Firefox is not flexing my page content in HTML/CSS. It's working fine in Chrome, and I've double-checked that each -webkit-box-flex has a corresponding -moz-box-flex. Can anyone point out what I might be missing? Any help would be greatly appreciated!
*
{margin: 0px;
padding: 0px;
}
body
{width: 100%;
height: 1000px;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
background-color: #696969;
background-image: url(squairy_light.png);
background-repeat: ;
background-position:;
}
header, footer, article, nav, section, hgroup, aside
{display: block;
}
#banner
{display: block;
margin-left: auto;
margin-right: auto;
padding: 30px 0px 0px 0px;
}
#fullpage_box
{max-width: 1000px;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
}
#page_box
{display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
}
#content_box
{-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-box-orient: horizontal;
-moz-box-orient: horisontal;
box-orient: horizontal;
padding: 10px 10px 10px 20px;
padding: 10px 10px 10px 20px;
margin: 5px 0px 5px 0px;
}