The reason it's not scaling well is because you are using pixels, which are set in stone, as opposed to percentages:
HTML Code:
#left { width: 330px; margin: 0; padding: 10px; float: left; position: fixed; left: 9px; background-color: rgba(255, 255, 255, 0.5);}
#right { width: 1400px; padding: 5px; float: right; }
You have the content at a
massive width, the whole thing doesn't even show for me because of my laptop's resolution.
Image
You'd be better off doing something like changing #right width to 75% and #left width to 25% or such.
Also, out of curiosity, what is this?
HTML Code:
<div id='v1'> </div><div id='v2'></div><div id='v3'></div><div id='v4'></div><div id='v5'></div>
<div id='h1'></div><div id='h2'></div><div id='h3'></div><div id='h4'></div>