i have designed css based layout ,but there is one problem #MnuDiv and #ContDiv doesn't take the 100% height even though i have specify it in css what i am actually looking for is what ever the height of content div..menu div height should be the same
The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'.
This goes back all the way to the root element (which does have a height of the viewport).
So unless you explicitly set the height yourself somehow, it's not going to play along with you I'm afraid.
To make columns look the same: it's possible fake backgrounds can help: vertically repeat an image as background on the parent. If needed stretch the parent with a clear (as I see both your columns are floated (which in itself isn't necessary)
Since you use the mozilla proprietary border radius:
webkit also has a similar one named "-webkit-border-bottom-left-radius", should be good for safari and chrome a.o.