0

i use Allegro fonts for top menu and got problem when i hover on it the color not display full width in Chrome and Safari :( you can test on this link http://preview.86solutions.com/fairpart

user1407465
  • 1
  • 1

2 Answers2

1

There is something wrong with your font I guess. When you add some more padding-right to the element it looks fine. 

.menu a {
color: black;
padding-right: 20px;
}

see it yourself:
Add a border to the element and it will cut off on the right side.

Gijoey
  • 316
  • 1
  • 6
0

Looking okay in both chrome and IE.I don't know what version are you using now, I have checked this demo in chrome 19.0.1084.82 and IE8 and IE9.I have seen your code and everything looks good.

BUT, IE does not support the font-family inherit property.If you still have the problem you should modify your style.css like this :

                .menu a:hover,.menu a:active  {
                     font-family: "Allegro"; /* because IE doesn't suprort inherit */ 
                 text-decoration:none;
                  color:#c4c04d;
                      }

Hope it helps !

Kaidul
  • 15,409
  • 15
  • 81
  • 150
  • thanks for your info. but problem is only Chrome and Safari :) i think the most important problem is Allegro font is Intalic so it will out of the width of
  • .
    • – user1407465 May 21 '12 at 10:21