JSFiddle - React, Tailwind, and code Playground

HTML

<div><iframe class="map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7098.881909466284!2d78.04262706879058!3d27.173874421651977!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39747121d702ff6d%3A0xdd2ae4803f767dde!2sTaj+Mahal!5e0!3m2!1sen!2sin!4v1407609998088" width="1200" height="1200" frameborder="0" style="border:0"></iframe>
</div>
<div class="overlay">
    <ul>
  <li><a href="default.asp">Home</a></li>
  <li><a href="news.asp">News</a></li>
  <li><a href="contact.asp">Contact</a></li>
  <li><a href="about.asp">About</a></li>
</ul>
</div>

CSS

.map{
    width:100%;
    height:1000px;
}
.overlay{
    top:45px;
    margin:5px;
    z-index:1;
    position:absolute;
}
ul {
    background-color:white;
    list-style-type: none;
    margin: 0;
    padding: 5px;
}