Why is IE8 not loading my eot files?

Question

I downloaded some otf fonts and then converted them to eot using: https://onlinefontconverter.com but when I view the site in IE8, the fonts do not show (they show in Chrome, Firefox, Opera, Android). Something must be wrong with either my code or the eot. Does anyone know what's wrong?

(Download Roboto here: http://www.fontsquirrel.com/fonts/roboto )

(Convert it here: https://onlinefontconverter.com )

STYLES.CSS

@font-face
{
    font-family: RobotoCondensed;
    src: url("Roboto-Condensed.eot");
}

@font-face
{
    font-family: RobotoCondensed;
    src: url("Roboto-Condensed.ttf");
}

.myDiv
{
    font-family: RobotoCondensed, Arial, Helvetica;
    font-size: 10px;
    color: #e8e8e8;
}

index.html (relevant code)

<div class="myDiv">Some font in here that shows incorrectly as Arial!</div>

The stylesheet and font are in the same folder.

Answer 1

Thanks for all the help. It looks like the problem was the font converter. The eot file was not being recognized as valid by IE. Thanks to "Joel Eckroth" for suggesting I try other converters.