Layout issues

Question

css

For some reason, when laying out, div fon is limited to div wrapper

HTML

<div id="fon">
            <div id="wrapper">
              <div id="header">
         </div>
                     <div id="navigation">
           </div>
     <div id="content">
                 </div>
              </div>
      </div>

CSS:

#fon
{
width:100%;
margin:0 auto;

}

#wrapper{
 width:900px;
 margin:0 auto;
 text-align:left;}
    
#header
{
margin: 0 0 0 40px;
}

#navigation{
height: 50px;
border: 1px solid #cbcbcb;
}
#content {
  font-size: 14px;
  margin: 40px auto 0 auto;
  padding: 0 60px 30px 60px;
  border: solid 1px #cbcbcb;
  background: #fafafa;
  -moz-box-shadow: 0px 0px 10px #cbcbcb;
  -webkit-box-shadow: 0px 0px 10px #cbcbcb;
}

Answer 1

It looks like you have glitches =)

firefox 7.0.1