i have a new class for my footer texts in style.css and my page is www.ariahost.net/index2.htm . now in firefox my text align "left" is working fine but in IE it's on center . what should i do ?

example : <li><a href="http://www.ariahost.net/linuxhosting.htm" class="footer">هاست لینوکس معمولی</a></li>
<li><a href="http://www.ariahost.net/windows.htm" class="footer">هاست ویندوز معمولی</a></li>
<li><a href="http://www.ariahost.net/highlinux.htm" class="footer">هاست لینوکس پر حجم</a></li>
<li><a href="http://www.ariahost.net/highwindows.htm" class="footer">هاست ویندوز پرحجم</a></li>
<li><a href="http://www.ariahost.net/ssl.htm" class="footer">SSL گواهینامه</a></li>

my footer class on style.css is :
a.footer {
color: black;

a:hover.footer {
color: black;

for the footer CSS you have "a.footer." That should instead be "a .footer." However, why not just get rid of the "a.footer" and the "a:hover.footer" and combine them into one style: ".footer" since the styles do not change and are not anchor specific

it dosn't solve this issue . i need the best solution