Problem with Navigation buttons in header

Hello there experts,

I am having a problem with my top 2 navigation buttons jumping upon hover.  This is also causing the remainder of the page to shift as well.

I would appreciate any help you could offer.

The link to the page is http://www.tafthsfoundation.org/register_test1.php

Interestingly, this does not occur on the index.php page.

Thank you,
Mike
jumptohighAsked:
Who is Participating?
 
duttcomConnect With a Mentor Commented:
Hi Mike,

The reason the buttons do that is because of line 36 of phplist.css which is -

a:hover {
    min-height: 400px;
    text-decoration: underline;
}

When one rolls over the button, it becomes 400px high.
0
 
jumptohighAuthor Commented:
Thanks duttcom... Boy do I feel stupid... but why the heck would that code be in the phplist.css in the first place?  Perhaps I added it inadvertently...

How would I prevent the register_test1.php page from inheriting that code from phplist.css without deleting the "a:hover, etc.?"   Apparently PhP List uses some of that CSS to format its subscription management pages.

Thanks,
Mike
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.