index.html

<div id="container">
  <div id="map"></div>
  <ul>
    <li><a href="#">Headline</a></li>
    <li class="active"><a href="#">Headline</a></li>
    <li><a href="#">Headline</a></li>
    <li><a href="#">Headline</a></li>
    <li><a href="#">Headline</a></li>
    <li><a href="#">Headline</a></li>
    <li><a href="#">Headline</a></li>
  </ul>  
</div>

script.js

$(function(){
  $('#map').vectorMap({
    map: 'world_mill_en',
    backgroundColor: '#cccccc'
  });
});

style.scss

@import "compass";
$wireBlue: #294c92;

body {
   font-family:Arial,sans-serif; 
}

a {
  text-decoration:none;
  font-weight:bold;
  color:$wireBlue;
}

#container {
  width:800px;
  margin: 10px auto;
  position:relative;
}

#map {
  width:650px;
  height:400px;
  float:left;
  background-color:white;
}

ul {
  float:right;
  width:100px;
  padding:5px;
  border-radius:5px;
  border:1px solid #aaa;
  
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  
  background: rgb(167,199,220); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(167,199,220,.7) 0%, rgba(133,178,211,.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,.7)), color-stop(100%,rgba(133,178,211,.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(167,199,220,.7) 0%,rgba(133,178,211,.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-9 */


  -webkit-box-shadow: -3px 0px 6px -2px rgba(0, 0, 0, .5);
box-shadow: -3px 0px 6px -2px rgba(0, 0, 0, .5);
  
  li{
    padding:5px 0; 
    border-bottom:1px solid #aaa;
    
    &.active {
      padding-left:5px;
      margin-top:-1px;
      margin-right:-6px;
      margin-left:-20px;
      background:$wireBlue;
      border:1px solid #666;
      border-top-left-radius:5px;
      border-bottom-left-radius:5px;
      
      a {
        color:#ddd;
      }

    }
  }
  
}