Need Help Overriding CSS a:hover [closed]

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center. Closed 11 years ago.

If you mouse over the Red "Donate" button in this layout, you'll see that the layout wigs out. This is much worse in Chrome & Safari than Firefox.

The link works, but the button shifts to a totally different position on the page because of the CSS on the nav-1 element. I'm not sure how to override this for ONLY the Red button.

http://chadairhart.frmboy.com/

Thanks for any help. Jas开发者_运维百科on

---

Add the rule

position: absolute !important

to

<li id="menu-item-521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-521">

---

In your stylesheet, remove position, top, and left from

#menu-item-521 {
width: 180px;
background: #FE2E0D;
text-align: center;
position: absolute; //REMOVE
top: 0; //REMOVE
right: 0;  //REMOVE
padding: 0;
margin-left:110px; //ADD
}

Add

margin-left:110px; or thereabouts. You may want to adjust

---

Replace float: left from #nav-1 li, #nav-2 li with display: inline-block; for file dynamik-min-4.css