JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fake-content">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi amet sed in voluptatibus sit reiciendis odit. Error consectetur assumenda magnam iure delectus corrupti quo odio tenetur ad fuga natus velit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque facere illum nobis omnis obcaecati velit natus eligendi! Modi quam porro praesentium nulla dolor minus repellat ducimus a quibusdam quae ipsum.
         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi amet sed in voluptatibus sit reiciendis odit. Error consectetur assumenda magnam iure delectus corrupti quo odio tenetur ad fuga natus velit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque facere illum nobis omnis obcaecati velit natus eligendi! Modi quam porro praesentium nulla dolor minus repellat ducimus a quibusdam quae ipsum.
    </div>
    <div id="menucontainer">
    <div id="menu" class="clearfix">
        <ul>
            <li>
                <a href="http://www.uah.edu">
                    <img style="width:270px; height:150px; padding-right:25px; padding-top:15px;"           src="http://lorempixel.com/270/150/"/>
                </a>
            </li>
            <li>another big test</li>
        </ul>
    </div>
</div>

CSS

html, body {
	height: 100%;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both; 
}
.fake-content {
    padding: 20px 30px;
    min-height: 100%;
    /* equal to #menucontainer height */
    margin-bottom: -200px; 
}
.fake-content:after {
  content: "";
  display: block;
  /* .push must be the same height as #menucontainer */
  height: 200px; 
}

#menucontainer{
    position:relative;
    width: 1218px;
    height:200px;
    margin: 0 auto;   
}

#menu{
    padding-top:5px;
    padding-bottom:15px;
    background-color:rgba(0,0,0,0.5);
    bottom:0px;
    
    border:3px solid #000000;
    box-shadow:0px -5px 5px #888888;
}

li{
    float:left;
    margin-left:-10px;
    margin-right:-10px;
    text-align:center;
    list-style:none;
    height:190px;
    width:300px;
    border-left:2px solid #FFFFFF;
    border-right:2px solid #FFFFFF;
}