I'm using this in a ul list for some top navigation. I added the shadow for the current page link, so the <a is highlighted with a reddish color. Example here: http://tools.semanticbits.com/Reony/CTRP/search.html
I need this to work in IE7, and you will notice that "Search Trials" is being put at the top of the page. Only does this in IE7. I tried adding positioning and stuff, but it doesn't help. Only thing that will move it is margins. But then it messes with my bullet points.
It also made the background of the dropdown menu for each <a black. If you view it in IE7 AND 8, that border is black, which actually is a background color. It should be that turquoise type color. If I remove the text-shadow its still there. It only goes away when you remove the script from the HTML.
I can't make any sense of it... Please help if possible. Thanks!
I'm using this in a ul list for some top navigation. I added the shadow for the current page link, so the <a is highlighted with a reddish color. Example here: http://tools.semanticbits.com/Reony/CTRP/search.html
I need this to work in IE7, and you will notice that "Search Trials" is being put at the top of the page. Only does this in IE7. I tried adding positioning and stuff, but it doesn't help. Only thing that will move it is margins. But then it messes with my bullet points.
It also made the background of the dropdown menu for each <a black. If you view it in IE7 AND 8, that border is black, which actually is a background color. It should be that turquoise type color. If I remove the text-shadow its still there. It only goes away when you remove the script from the HTML.
I can't make any sense of it... Please help if possible. Thanks!