CSS Suddenly Not Working - SOLVED!

[harmonatrix]

Account Type: Paid
Browser: Firefox 2.0.0.2



.asset-body{
overflow: auto;
max-height: 450px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align:justify;
}
.asset-inner{
overflow: auto;
}
.widget-list{
text-align: center;
}
.widget-header{
text-align: center;
}

I noticed that the headers in my sidebar were not centered, although I thought they were without needing to alter the style sheet.
I went ahead and entered h3.widget-header{
text-align: center;
}, but nothing changed. I removed the h3 and still nothing changed. So I went back and removed .widget-list{
text-align: center;
} to see if maybe it was interfering with the header, but again nothing changed except for my links and tag cloud no longer being centered. Then it got really frustrating, because when I reentered the .widget-list code..my links and tag cloud did NOT center again.

I checked to see if there were any known bugs or site issues and have not found anything, so I really have no idea what is going on.