views:

21

answers:

1

We have a heading element styled as:

<div class="sidebarHeadingFont">Operation</div>

.sidebarHeadingFont {font-family: Arial, Helvetica, sans serif; font-size:10pt; font-weight:bold; color: #003366; }

In Chrome when you put your mouse over this element the font size increases (making the width of the element bigger) and the color changes to white. Why is this?? Doesn't do this in IE or Firefox.

+2  A: 

Are you really, really sure you don't have any other css and/or html? Cause it sounds really, really strange..

Onkelborg
+1 - can't replicate it using the markup / CSS provided
Phil Brown
Yes I was being a bonehead. We also had `.sidebarHeadingFont:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }`
Marcus
What threw me for a loop was that the other browsers worked fine..
Marcus
There's the problem! ;)
Onkelborg