I'm clearly doing something wrong, but I can't find a fix for it. So, I've come here for some insight and guidance, if anyone knows of a fix, please help me out, thanks. Overview: The white arrows are to turn to yellow when you roll over the text it is aligned with. The text will also 'rollover' to a yellow, but the problem is the arrow dislodging everything. Maybe it's something with my other nav code, maybe not. http://notedls.com/notedls4.0/index.php
You are using PNGs, which aren't compatible in IE. Make the arrows GIFs for starters. Also, the arrow is not turning any color right now. Make sure the image is the same size as the current one.
What am I even looking at? It seems like the entire layout is busted here - though that could be a conflict of the absurdly undersized fonts... There are no hover states I can see, and the 'arrows' are indeed running under the text. What I can see is 169 validation errors, so what you have is not HTML, it's gibberish. You have lists consisting of sentence fragments inside paragraphs - are those paragraphs? No, they are not. So why are you marking them up as paragraphs? You have elements that appear to be section headings, without heading tags and again in paragraphs... There are more unclosed DIV than I care to count - a little proper indentation would probably show you that more clearly, and frankly you seem to have gone div happy with way more containers than are needed for such a simple layout. Also not sure what that big blank area in the middle is supposed to be, but being it appears to be a scripted content rotator that would seem to be made of /FAIL/ from an accessability standpoint.