All I had to do was change the line-height ;) -----Original Message----- From: Bojana Lalic Sent: Thursday, January 25, 2007 10:43 AM To: Bojana Lalic; 'css-d@lists.css-discuss.org' Subject: RE: [css-d] How to prevent the image from repeating in IE6
Ok. I kid of fixed it by adding float: left to .flexOrangeHeading img The only problem now is that the hardcoded image and the background image do not align perfectly. They are like a pixel off. And margin-bottom doesn't want to do the trick L How do I align them? http://flx.uat.edna.edu.au/flx/go/home/news/flexenews -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bojana Lalic Sent: Thursday, January 25, 2007 8:59 AM To: css-d@lists.css-discuss.org Subject: [css-d] How to prevent the image from repeating in IE6 Hi all Re: the right hand side column heading (Industry in Focus) http://flx.uat.edna.edu.au/flx/go/home/news/flexenews?matrix=11696169414 03 I've got a problem with the background image being repeated to the left. The image consists of a background image (class = flexOrangeHeading) and a hardcoded image (http://flx.uat.edna.edu.au/imgs/left-orange.gif). The same code is used in the left column but looks fine, so it must be someting to do with the page layout... This is the css for the two columns: #secondary_dual-tmp .secondary2col { margin:0; padding:0; width: 100%; clear: left; } #secondary_dual-tmp .left_col { margin: 0; padding: 0; width: 49%; float:left; clear: all; } #secondary_dual-tmp .right_col { padding: 0; margin-left:51%; _margin-left:50%; clear: right; border: 1px solid red; } And this is the image css: .flexOrangeHeading { background: url(/imgs/bkgrnd-orange.gif) no-repeat center right; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:22px; line-height: 46px; display: block; } .flexOrangeHeading img { vertical-align: middle; } How do I make sure that the background image doesnt get repeated to the left, by still keeping the two columns? Regards Bojana ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/