Height 100% to fit all screen resolutions

[ad_aware]

Hi all, I am trying to get my site to auto-scale itself to fit all screen resolutions... I did another site previously and I managed to get it's height to auto-fit browsers in firefox, IE7 and chrome. However, for this current site I am trying out, I fail to achieve the same results even when I tried copying majority of the codings in CSS... (after much trying to edit the codes, this is my final result)... did I do anything wrong in here? would appreciate it lots.

I omitted some portions such as the flash embed codings to reduce text...

@charset "UTF-8";
/* CSS Document */
* {margin:0; padding: 0;}

body {background-color:#000000; width:100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; text-align:center}

#wrapper {width:950px; height:100%; background-color:#000000; background-repeat:repeat-x; margin-left:auto; margin-right:auto; margin-bottom:auto}

#column2 {width:950px; background-color:#4B4343; float:left;}
#column2a {width:950px; height:700px; background-color:#000000; float:left;}
#column2b {width:950px; background-color:#4B4343; float:left;}
#column2b1 {width:56px; background-color:#000000; float:left;}
#column2b2 {width:840px; background-color:#4B4343; float:left;}
#column2b3 {width:54px; background-color:#000000; float:left;}

.clearme {clear:both;}

html code:
<div id="wrapper">
<div id="column2">

<div id="column2a">
flash object
</div>

<div id="column2b">
<div id="column2b1"></div>
<div id="column2b2"></div>
<div id="column2b3"></div>
</div>

</div>
<div class="clearme"></div></div>

[swa66]

From the library:
[webmasterworld.com...]

It has all the ingredients and explanation you need I think.