dubster2k

<div class="center">
  <div class="board">
    <div class="hexagonContainer">
	    <div class="hexagon">
		    <div class="hexagon-in1">
			    <div class="hexagon-in2"></div>
		    </div>
	    </div>
    </div>

dubster2k

<div class="center">
  <div ng-app="myApp" ng-controller="MyCtrl" class="board">
    <svg width="568" height="400">
        <defs>
            <polygon id="hexagon" points="52,0 0,30 0,90 52,120 104,90 104,30" />
            <clipPath id="hexagonclip">
                <use x="0" y="0"  xlink:href="#hexagon"/>
            </clipPath>
            <image id="lorempixel" width="468" height="390" x="0" y="0"  xlink:href="http://lorempixel.com/468/390/people/"/>
        </defs>