This is why it looks like that:
BORDER-RIGHT: #dcdcdc 1px solid;
BORDER-TOP: #dcdcdc 1px solid;
BORDER-LEFT: #dcdcdc 1px solid;
BORDER-BOTTOM: #FFFFFF 1px solid;
If you do not want it to look like that remove the border or change it so it looks like you want it to.
I should have seen that one right off. D'oh!!
As far as it overlapping, I guess I need to see a page that it does that on to tell.
Center it the same way you centered your container div.
The attribute being upper case could cause a rendering problem in some browser I suppose. Not real sure on that one but if it were me I 'd change it all to lower case.