Wrapper div color is not changing

Question

My wrapper div is not changing to the color I want it to go. I am not forsure what's blocking the color. Can someone help me out.?

CSS:

#wrapper 

{

margin: 0 auto;

padding: 0;

background-color: #silver;

width:960px;

display: block;

height:100%;

}


HTML CODE:

<div id="wrapper">  

   <!-- Section: Banner -->

<div id="userBanner">

<div id="userBannerLeft">  

        <div id="userCoverPicture">

            <div style=" height:320px;width:560px;">

                    <img src="images/1.jpg" alt="" style="height:320px;width:560px;"/>

            </div>

                        <div id="" style="position:relative;float:left;">

                        <a class="profilePic">

                        <img src="images/1.jpg" alt="" style="height:110px;width:110px;"/>

            </a>

</div>

                     </div><!-- end userCoverPicture -->  

</div> <!-- end userBannerLeft -->

 

<div id="userBannerRight">  

    <div id="userInformationCover" > </div><!-- end userInformationCover -->

</div> <!-- end userBannerRight -->

</div> <!-- end userBanner -->

</div> <!-- end wrapper-->