Problem with text-decoration in IE7 browser

This is frustrating getting CSS to work on more than one browser. Here's what I have.

#outright
{
    width: 215px;
    float: left;
    background-color: #DDDDFF;
    margin-left: 20px;
    margin-top: 25px;
    margin-bottom: 25px;
    border: solid thin black;
    color: #000066;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}


.columnHeader
{
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 5px;
    font-weight: bold;
    text-align: center;
    border-bottom: solid thin;
}
.columnHeader a:Link
{
    text-decoration: none;
}

Code (markup):

In ASPX page code.

<div id="outright">
            <div class="columnHeader">
                <a href="about_me.aspx">My Title<a/>
            </div>
           <div class="hyperLink">
               <a href="cash.aspx">cash</a><br />
               <a href="CC.aspx">on-line</a><br />
               <a href="matching.aspx">matching</a><br />
               <a href="payroll.aspx">Payroll</a><br />
           </div>
</div>

Code (markup):

The problem is that the phrase "My Title" shows an underline in IE7 Pro browser while in Firefox it works properly. Any idea why and how do I fix this problem so that in IE7 it does not show the underline?

Thanks so much in advance.

 

Not tested:

Instead of .columnHeader a:Link {}, do .columnHeader a {}.

In any case, it is not good practice to capitalize ":link".

cheers,

gary

 

Don't capitalize "link". CSS and XHTML are both case-sensitive.
If that doesn't resolve the problem, check to see where else you've declared links to have an underline.