html - CSS Menu Hover in a Wordpress site -


i have site i'm trying fix hover menu, can see doesn't hovers correctly , rollover's border of each menu. last menu "contact" when hovered doesn't fits whole space or can doesn't roll on full space when hovered.

image of problem :

http://i.stack.imgur.com/up8us.png

how solve this?

hi ther new part of css

#access { clear: both; display: block; float: left; margin: 0 auto 6px; width: 90%; margin-left: 40px; height: 55px; border-radius: 8px; }  #access ul { font-size: 21px; list-style: none; margin: 0 0 0 -0.5em; padding-left: 0; border-radius: 8px; text-shadow: 1px 1px #000; padding: 0; height: 55px; display: block; width: 100%; margin: 0; background-image: url('background-image.png'); } #access li { float: left; position: relative; border-style: solid; width: 25% !important; background-image: url('border-left-image.png'); background-position: right; background-repeat: no-repeat; display: block; } 

in http://aaron.wordpresstiger.com/wp-content/themes/custom_theme/style.css on line 601 problem: width: 24% (remove line css)

#access li:last-of-type, li#menu-item-31{     border-right: none !important;     width:24% !important;     background-image:none; }  #access li:hover:last-of-type, li#menu-item-31{     border-right: none !important;     width:24% !important;     background-image:none; } 

edit:

add css:

#menu-item-31 {     width: 100%; } 

Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

java - Using an Integer ArrayList in Android -