I am html/css beginner and Created this webpage in which there is three main divs header,boxcontainer,footer.

there is some problem with footer div that its background is not showing before its text. i have used float in box container divs.

```html
<!doctype html>
<html>
<head>
    <style>
        div#header {
            margin-left: 1%;
            background-color: lightblue;
            height: 30px;
            width: 95%;
        }

        ul#menu li {
            margin: 10px;
            color: black;
            font-size: 25px;
            display: inline;
            margin-top: 100px;
        }

            ul#menu li:hover {
                color: white;
            }

        div.box {
            background-color: lightblue;
            height: 200px;
            width: 200px;
            float: left;
            margin: 10px;
            width: 30.3%;
        }

        div.boxhead {
            background-color: yellow;
            height: 30px;
            padding: 0px;
            width: 100%;
        }

            div.boxhead p {
                font-size: 150%;
                text-align: center;
                color: lightblue;
                height: 30px;
                width: 200px;
                padding: 0px;
                -webkit-margin-before: 0.0em;
                -webkit-margin-after: 0.0em;
            }

        div#footer {
            margin-left: 1%;
            background-color: lightblue;
            height: 30px;
            width: 95%;
        }
    </style>
</head>

<body>
    <div style="margin: auto;width: 95%;" id="container">
        <div></div>
        <div id="header">
            <ul id="menu">
                <li>Home</li>
                <li>Events</li>
                <li>About</li>
                <li>Contect us</li>
            </ul>
        </div>
        <div id="boxcontainer">

            <div class="box">
                <div class="boxhead">
                    <p>Events<p>
                </div>
            </div>

            <div class="box">
                <div class="boxhead">
                    <p>Become a Sponser</p>
                </div>
            </div>

            <div class="box">
                <div class="boxhead">
                    <p>Gallery</p>
                </div>
            </div>

        </div>
        <div id="footer">
            <p style="text-align:center">Copyright © 2015  All rights reserved | Privacy Policy | Terms and Conditions | Email: @gmail.com</p>
        </div>
    </div>
</body>
</html>
```