Kepler - With the small amendment of vertical-align: top (rather than bottom) your solution worked perfectly for FF and IE's - appreciate your assistance!
Cole _____________________________________________ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kepler Gelotte Sent: Tuesday, November 25, 2008 4:02 PM To: [email protected] Subject: RE: [WSG] Vanishing icon within a Span Element in IE7 > Can someone please tell me how to fix this so it'll show up in IE? Hi Cole, It does appear to be a bug in IE. The following CSS is turning off the display of the icon in c_project_help_error.css: span.smallHelpIcon span { display:none; } By commenting that section out, the icon displays (along with the text you were trying to replace with the icon). Instead of using the nested spans in your HTML: <span class="smallHelpIcon"> <span>help icon</span> </span> maybe use an <img> tag with the alt text = "help icon"? It is not display as nicely with images turned off but has the same effect as you seem to be trying to achieve. Use the following CSS instead: img.smallHelpIcon { display:inline; vertical-align:bottom; padding:0; margin:0; } Your spans could then be replaced with just an img: <img alt="help icon" src="assets/icon/forms/h_small.png" class="smallHelpIcon" /> Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
<<attachment: winmail.dat>>
