#header-2 is not containing the items within it because they are all floated allowing the container to collapse. This collapse is allowing #header-3 to jump up to the top of the page. It is #header-3 that is covering up the top part of your links...only the bit that #header-3 doesn't cover is hoverable by your mouse.
Put "overflow: hidden;" on #header-2 and it will stretch out to contain the links, shove #header-3 back down where it should be, and your links will be clickeable. You might want to change the red background on it once you do. Tim On Mon, Dec 10, 2012 at 8:02 PM, Matthew Willis <[email protected]> wrote: > Hey there, > > I was wondering if anyone knew why the link in an A tag would only activate > when the mouse is hovered over the underline, and not anywhere on the text it > is wrapped around? > > The reason I ask is because I'm working on the CSS on this amazon store: > > http://www.samystore.com/ > > and the menu in the upper right corner of the page (Sign in, New Customer, > Your Account, Help) is behaving in this way. It's tricky to get one's mouse > to be in the necessary position to active the links. > > Thanks in advance to anyone who has any suggestions on fixing this! > > Thanks, > Matthew > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- [email protected] ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
