<style type="text/css">
.X1 {
        font: bold 12px arial, sans-serif;
        text-decoration: underline;
        color: #0000ff;
    }
</style>

 <span class="X1">X1 Görüntüsü</span>

şeklinde yaparsanız sorun yaşamazsınız hiçbir browserda. Programlama mantığına göre (dil yada betik farketmez olay bundan ibarettir) hiçbir değişken yada sabit sayı ile başlayamaz. Bu IE'nin bir açığı olmasına karşın diğer güçlü browserlar bunu asla gözardı etmez. IE7'de bu hata giderilmiştir diye düşünüyorum.

Ayrıca;

<style type="text/css">
.X1, .X2, .X3 {
        font: normal 11px arial, sans-serif;
        text-decoration: none;
    }
.X1 {
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        color:#0000ff;
    }
.X2 { color:#000000; }
.X3 { color:#008000; }
</style>

biçiminde bir CSS kullanımı ön görülen kullanım protipidir.