Pushing off the bottom

by Matthew Day

HTML

<div class="nav-wrap">

    <div class="main-wrap">
        <p class="nav-info">Information</p>
    </div>

    <div class="nav-portfolio">
        <ul>
            <li class="nav-list">Clothing</li>
            <li class="nav-list">Clothing</li>
            <li class="nav-list">Clothing</li>
            <li class="nav-list">Clothing</li>
        </ul>
    </div>
</div>

CSS

.nav-wrap {
	width: 100%;
	position: fixed;
	bottom: 10px;
	border: 1px solid black;
}

.main-wrap {
	width: 100%;
	position: absolute;
	top: -70px;
	left: 0;
    height: 60px;
	border: 1px solid red;
}
.nav-info {
	float: right;
	padding-right: 82px;

}

.nav-portfolio {
	float: left;
	width: 40%;
	margin-left: 46px;
}

.nav-list {
	margin: 10px 0;
}