css conflict with javascript menu

[reb37]

Hi,
Could someone please help me? I'm trying to make a top navbar like this one,

http://www.pcha1.org/test/test.htm,

work on another page. Every time I try to put this script into the home page, the style for the mouseovers on the menu seem to conflict and I can't get the same effect. It works on this test page, but not on the live (

http://www.pcha1.org/test/testindex.htm)

home page. It's the a:link and a:hover tags that are messing me up. Any thoughts???

TIA,
Rebecca

 

[Phil79]

It's hard to check the code itself as it's in a separate file, but the first thing that strikes me is that after the style sheet is defined in the HTML file, you then load another css file -

<link rel=&quot;stylesheet&quot; href=&quot;pcha_styles.css&quot; type=&quot;text/css&quot;>

Is this overwriting the style settings that you have defined in the page?