I am trying to program a website and am now unable to get the division background to display behind a text element. You can see what I mean by clicking here.

[CSS CODE]
body{ max-width: 62.50em;
margin: 0 auto;
padding-bottom: 90px;
background-color: #c0c0c0;
}
#main-back {background-color: #fffff0;} /// Not showing
#main-box {float: left;
padding-bottom: 20px;
background-color:#FFFFFF;
Margin-left: 15%;
margin-right: 15%;
padding: 10px;
border-color: #D5D6FF;
border-style: outset;
border-width: 4px;
text-align: left;
font-family: arial,san-serif;
font-size: 1.25em;
color: black;
}


#main-box img.align-left {float:left;}

#texted-1 {background-color:#FFFFFF;
padding-left: 10px;
padding-right: 10px;
font-family: arial;
font-size: 1.00em;
color: black;
}
[/CODE]

The html code is;
HTML Code:
<div id="main-back"> 
               <div id="main-box">
	          <h3>About the author - Tony Webb, About the author - Tony Webb, About the author - Tony Webb</h3>
		   <div id="texted-1">
		    <p><img src="http://www.what-do-christians-believe.co.uk/wpimages/a-webb-photo.jpeg" alt="Photo of Tony Webb" />
                   </div>
                 </div>
              </div>

  <div id="foot-menu">
Can you tell me what code I need to use to include the background behind the text box (#fffff0)?