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/
