CSS IE8 Rage: Font-Face and Rounded Corners Edition!

programming web dev
1

Hello Forum!

I need to make sure I’m not doing anything wrong: I think my CSS is IE8 Valid, but nothing works! Fonts and Rounded corners specifically are completely different!
Website:
http://s391442803.onlinehome.us/

*Issue 1: font-face *

my css:

@font-face {
  font-family: Lobster;  
  src: url("fonts/lobster.eot"); 
  src: local("Lobster"),
    url("fonts/lobster.woff") format("woff"),
    url("fonts/lobster.otf") format("opentype"),
    url("fonts/lobster.svg#lobster") format("svg");
  /* src: local('Lobster'), url("fonts/Lobster.ttf") format('truetype');  */
  font-weight: normal;  
}

It works fine in all browsers BUT IE- and .eot files should work fine…right?

*Issue 2: Rounded Corners
*The boxes on the left column all have the following CSS, but again in IE8 nothing!

.moduletable {
  background-color: #D4DEEA;
  -moz-border-radius: 15px;
  -webkit-border-radius:15px;
padding: 10px;
margin-bottom: 20px;
 behavior: url(border-radius.htc);
    position:relative;
  zoom: 1;

I checked a few times, added elements that sometimes cause trouble… yet nothing.
Argghhh!:run: