CSS og Codebehind filer

Hej!

  Jeg sidder og prøver at lave en side som skal have forskellige TD egenskaber afhængigt at brugerens browser størrelse.

  Jeg har lavet følgende test .css fil
----------------------

body {
}

table
{
    width: 98%;
    border-width: 0px;
}

td
{
    background-color:#D7D7D7;
}

td.small
{
    font-size: x-large;
}

td.medium
{
    font-size:medium;
}

td.big
{
    font-size:x-small;
}

min codebehind fil sådan ud:
----------------------
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class showrent : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

        TableRow tr = new TableRow();
        TableCell tc = new TableCell();

        tc.CssClass = "td.small";
        tc.Text = "SMALL";

        tr.Cells.Add(tc);
        this.Table1.Rows.Add(tr);

        tc = new TableCell();
        tr = new TableRow();
        tc.CssClass = "td.medium";
        tc.Text = "MEDIUM";

        tr.Cells.Add(tc);
        this.Table1.Rows.Add(tr);

        tc = new TableCell();
        tr = new TableRow();
        tc.CssClass = "td.big";
        tc.Text = "BIG";

        tr.Cells.Add(tc);
        this.Table1.Rows.Add(tr);
    }
}

Når jeg kører siden, så kommer den rigtige farve frem men ikke den rigtige skrift størrelse.