I have a class definition with a background image. The background image is used to create a dashed separator between rows within a form. It works beautifully in IE, but in Netscape, the background- image is causing the div to extend beyond the width of the parent div. When I removed the background-image, the div renders fine and does not extend beyong the specified width of the parent div.
Here is the class definition:
.FormRow {margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; width: 100%; font-size: 11px; background: url(images/form_row_dash.gif) repeat bottom; float: left; clear: all;}
Also refer to the attached image to see what is happening in Netscape. Any thoughts?[/img]
Problem with Class Definition w/ Background Image
Can you post the html as well? This would make it easier. Seems strange that a background image would alter the width of an element, I suspect something else is happening.