I've been staring at this for while now but I can't figure out why my css file ignores the id tag of my div. I have done pretty much exactly the same thing before but now suddenly it doesn't work. Any idea why?
http://jsfiddle.net/phacer/dmf6V/
.canvas {
background: #c5c5c5;
border: 1px #676767 solid;
width: 600px;
height: 338px;
position: absolute;
}
#2dcanvas {
left: 0;
}
#3dcanvas {
right: 0;
background: black;
}
.canvas_container {
width: 1210px;
position: relative;
margin: 0 auto;
height: 340px;
}
<div class="canvas_container">
<div class="canvas" id="2dcanvas">/div>
<div class="canvas" id="3dcanvas"></div>
</div>
3dcanvas should be to the right while the 2dcanvas should be on the left.