Questo è l'HTML

<!DOCTYPE HTML>
<html>
<head>
<title> HOME </title>
<!-- ************************************************** ******** -->
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="assets/css/images/FAVICON/FAVICON.png">
<link rel="stylesheet" href="assets/css/main2.css" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>


</head>


<div id="bg"></div>
<div id="main">
<div id="wrapper">
<div id="content">
<nav>
<ul id="appleNav" class="ciao">
<li><a href="home.html" title="Home">Home</a></li>
<li><a href="chisiamo.html" title="Chi Siamo">Chi siamo</a></li>
<li><a href="calendario.html" title="Calendario">Calendario</a></li>
<li><a href="programmi.html" title="Programmi">Programmi</a></li>
<li><a href="pdf.html" title="PDF">PDF</a></li>
<li><a href="faq.html" title="FAQ">FAQ</a></li>
<li><a href="profilo.html" title="Profilo">Profilo</a></li>
<li><a href="esci.html" title="Esci">Esci</a></li>
<li>
<form>
<input type="text" placeholder="Cerca..." />
</form>
</li>
</ul>
</nav>
</div>
</div>
</div>

<section class="backer">


<div> <img src="assets/css/images/HOME.png" width="250" height="70"/> </div> <br>

<div>Testo</div> <br>




</section>


</body>
</html>

Questa è la classe backer dove non mi fa selezionare il contenuto
.backer {
background: #FFFFFF;
border: 1px solid #314d89;
box-shadow: 0 0px #5670A4 inset, 0 0 100px 50px rgba(0, 0, 0, 0.3);
border-radius: 10px;
position: relative;
width: 800px;
height: 390px auto;
margin: 120px auto;
padding: 30px 10px 20px 10px;
text-align: center;
}