i had a feedback about my site looking different with using IE and Firefox...people said that in firefox the link hovers just fine but in IE the whole sentence are highlighted...can you give some reason why this happens aside from browser standard non-compliance of IE? http://www.fhwc.bravehost.com

It's not only about non-compliance. Different browsers interpret and display things differently sometimes. I don't have IE7 installed at the moment to test what's going on, but I think I have an idea from seeing some of your code.

I came across the follwing line:

<a href="http://www.phpbb88.com/fhwc/viewtopic.php?t=12&mforum=fhwc"><span onMouseOver = "this.style.color = 'blue';" onMouseOut = "this.style.color = '0000a0';"><b>- View Reviews</b></a></span>

First you've nested the tags improperly. You open the span inside of the <a> tag, but close it after closing the </a>. You're also adding the color change to the span instead of to the link itself. And there's no need to even use javascript for something like this. Just use a:hover in the css to change the color.

a:hover {color:blue}

Then you can get rid of the javascript as well as the spans. If you only want that color on some of the links when you hover give the link a class and use the class in the css.

a.blue-link:hover {color:blue}

This really isn't a compliance issue at all. When I attempted to validate one of your pages it came back with 230 errors. Can't blame that on IE7.

From the looks of things you may have overcomplicated a lot of the code. Try first running things through a the W3C Validator and clean up the errors. I think that will help a lot in getting things in line.

thank you for your reply...i already found a solution to my problem and it is completely related about what you said...i removed all the javascripts for link hovers and put these codes at the head of my page

<style type="text/css">
a.navi:link {text-decoration:none; font-weight:bold;}
a.navi:active {text-decoration:none; font-weight:bold;}
a.navi:visited {text-decoration:none; font-weight:bold;}
a.navi:hover {color:white; text-decoration:0; font-weight:bold;}
</style>
<style type="text/css">
a:link {text-decoration:none; font-weight:bold;}
a:active {text-decoration:none; font-weight:bold;}
a:visited {text-decoration:none; font-weight:bold;}
a:hover {color:blue; text-decoration:0; font-weight:bold;}
</style>

and i add class="navi" to all my links at my navigation

i used two styles..one for my navigation and the other for the rest of my links..is that correct?

Yep, that's exactly what I was saying. I would move the css to an external file, but it will still work in the head of the document. You probably don't need the second style for the rest of the links. You can just let them use the default style you set up the <a> tag, but it will still work if you have that extra class.