# CSS rollover and georgia issue

**URL:** <https://forum.kirupa.com/t/css-rollover-and-georgia-issue/279543>\
**Category:** web dev\
**Created:** [January 15, 2009, 9:58pm UTC](https://forum.kirupa.com/t/css-rollover-and-georgia-issue/279543 "2009-01-15T21:58:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kriedi](https://avatars.discourse-cdn.com/v4/letter/k/c57346/32.png) [@kriedi](https://forum.kirupa.com/u/kriedi)\
**Post date:** [January 15, 2009, 9:58pm UTC](https://forum.kirupa.com/t/css-rollover-and-georgia-issue/279543/1 "2009-01-15T21:58:45Z")

</div>

i’m having a strange problem with CSS rollovers when using Georgia, where the tips of some serifs don’t change color with the rest of the text. For some reason Georgia is the only serif font which doesn’t rollover completely, Times and others work as expected. Also, the same problem happens in both Safari and Firefox (for mac).

here’s an example:

before:  
 ![](http://kurtli.com/images/rollover_01.gif)

rolled over:  
 ![](http://kurtli.com/images/rollover_02.gif)

you can see the problem yourself at:  
[http://kurtli.com/weather/basel/about.php](http://kurtli.com/weather/basel/about.php)

with the linked style sheet at:  
[http://kurtli.com/weather/weather\_style.css](http://kurtli.com/weather/weather_style.css)

not all the serifs do it, and even those that do are sometimes inconsistent, but the “Y” in “Yahoo!” is usually one of the culprits. it’s only a minor annoyance, but baffling enough to drive me crazy.

thanks in advance for your help!