Norwegian Flag v2

Norwegian flag using html and css, including annoying percentages - different structure from v1 (http://jsfiddle.net/austegard/TFdX8/).

by austegard

HTML

<div id="flag">
    <div id="wv"></div>
    <div id="wh"></div>
    <div id="bv"></div>
    <div id="bh"></div>
</div>

CSS

#flag {position:relative; top: 20px; left: 20px; width: 687.5px; height: 500px; background-color: #EF2B2D; x-index: 0;} 
#flag div {position: absolute; margin: 0px; padding: 0px; border: 0}
#wv, #wh {background-color: #FFF; z-index:1;}
#bv, #bh {background-color: #002868; z-index:2;}
#wv, #bv {top: 0; height: 100%}
#wh, #bh {left: 0; width: 100%}
#wv {left: 27.2727%; width: 18.182%}
#bv {left: 31.818%; width: 9.091%}
#wh {top: 37.5%; height: 25%}
#bh {top: 43.75%; height: 12.5%;}