goog.ui.Bubble has transparent lines on IE

[GoogleCodeExporter]

This can best be seen by going to:
http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/bubble.html

entering these values:
X: 201
Y: 83
Corner orientation: 3
Decorated: <checked>

and clicking on "Click for a custom bubble!!!".

You'll notice the text bleeding through on the top and sides. It's much more 
obvious in a page with a dark background.

The causes seem to be:
(a) for the top, the goog-bubble-top-no-anchor class has height of 6px whereas 
the gif is only 5 px tall. A diff/patch file is attached.
(b) for the sides, some sort of IE oddity. The width of the td and gif are both 
4px, but IE seems to want to force the td to 8px, with transparency in the new 
area. Anyway, a fix is to increase the width of both gifs to 8px with white in 
the new area. Of course, I can't attach a binary diff for this.

Original issue reported on code.google.com by greg.a.m...@gmail.com on 28 Jun 2010 at 8:21

Attachments:

• bubble.css.diff

[GoogleCodeExporter]

Can take patch -- CLA has been signed.

Original comment by nn...@google.com on 23 Apr 2012 at 10:05

• Added labels: Type-CodeReview
• Removed labels: Type-Defect

[GoogleCodeExporter]

Original comment by chrishe...@google.com on 15 May 2012 at 10:45

• Added labels: CLASigned