|
Hi Everyone, I need your help, I have been trying all day to get rid of a gap between my DIVS, the site shows fine in Firefox, but in Internet Explorer it doesnt work if you take a look at this page in IE and firefox, you will see that there is a white gap in IE next to the icon image: http://www.burninthespotlight.com/cssprob/ll/p_sr.htm - Problem Page http://www.burninthespotlight.com/cssprob/ll/css/p.css - CSS The code giving the problem is this: <div id="type1"> <div id="icon1"><img src="" width="40" height="27" /></div> <div id="hdtype1"> <div id="seeall"></div> <div id="hdtyperight"></div> </div> </div> CSS for the code: #hdtype1 { height: 21px; background-color: #00AEEF; margin-left:40px; border-top-width: 6px; border-top-style: solid; border-top-color: #FFFFFF; } #icon1 { height: 27px; width: 40px; float:left; } #hdtyperight { background-image: url(../images/p/bg_type_right.gif); background-repeat: no-repeat; height: 21px; width: 3px; float: right; } #seeall { float: right; height: 21px; width: 82px; background-image: url(../images/p/see_all.gif); background-repeat: no-repeat; margin-left-width: 3px; border-left-style: solid; border-left-color: #FFFFFF; } I hope someone can see the issue with Internet Explorer here, its driving me crazy! I tried to re-arrange the DIVS, I tried to put margin-left:40px; on #hytype1, but whatever i try i cant seem to get rid of that white line. The annoying thing is the design is a bit annoying, because it has to stretch for one, and also the icons on that blue bar protrude the edges which is also giving me problems, so i set a white border on #hdtype1. Thank you for your help! ------------------------------------------------------------------------------------------------------- Josef Dunne Web Developer w: http://www.burninthespotlight.com Get Firefox! ------------------------------------------------------------------------------------------------------- THIS EMAIL MAY CONTAIN CONFIDENTIAL OR LEGALLY PRIVILEGED INFORMATION. IF YOU ARE NOT THE NAMED ADDRESSEE YOU MUST NOT USE OR DISCLOSE SUCH INFORMATION. ------------------------------------------------------------------------------------------------------- |
