IE 6~8 ignoring font, background, and margins on sidebar [closed]

Question

I am using the default Twenty Twelve Wordpress theme with my site, and I am trying to customize the sidebar. The CSS I am using is:

.widget-area, #secondary{
float: right;
width: 210px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0 15px 0 15px;
border-bottom: 1px solid #cacaca;           
border-top: 1px solid #cacaca;
background-color: #efefef;
margin-top: 45px; }

The code for the sidebar is unchanged from the default template, and I am using text widget for the content of the sidebar. The problem page is here:

http://www.discusscps.com/gccenter/about-our-organization/

Chrome, Safari, and IE 9 have no problems, but in IE 6~8, font-family, borders, background colors, and the top margin is ignored.

I have tried everything I can think of here - any ideas would be greatly appreciated. Thank you.