#map {
    margin:0;
    padding:0;
    width:500px;
    height:140px;
    background:url(images/profile.png) top left no-repeat #fff;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:8pt;
}

#map li {
    margin:0;
    padding:0;
    list-style:none;
}

#map li a {
    position:absolute;
    display:block;
		text-decoration:none;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(images/blank.gif);
}

#map li a span { display:none; }

#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
		font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color:#000;
    filter:alpha(opacity=100);
    opacity:1.0;
}

#map a.match {
    top:150px;
    left:300px;
    width:120px;
    height:90px;
}

#map a.compare {
    top:210px;
    left:300px;
    width:120px;
    height:90px;
}