Posted by GTalbot on 11/30/07 17:26

On 29 nov, 12:44, Tomasz Chmielewski <t...@nospam.syneticon.net>
wrote:
> I have a problem with CSS. Generally, my site looked good in Firefox and
> IE7, but then, I wanted to see how it looks in IE6 (which still has over
> 30% of the market) - the result wasn't that great, the page looked ugly.
>
> So I made various changes, and now the page looks good in IE6 and IE7.
> In Firefox however, a background image is not displayed when I add a
> "float" element to CSS. Where is the problem?
>
> An example code is here:
>
> http://wpkg.org/cssproblem.html
>
> Expected result: "left column" and "right" column" written on respective
> parts of the image. The image is available here:http://wpkg.org/sub2_bg.png


[snipped]

> <style type="text/css">
> #wrapper {
> clear: both;
> width:100%;
> background-image: url(sub2_bg.png);
> background-repeat: repeat-y;
>
> }

[snipped]

> --
> Tomasz Chmielewskihttp://wpkg.org


Tomasz,

Ben C is right: just get rid of the width: 100% on the div#wrapper:
width: 100% is an useless and pointless declaration in your
stylesheet.

Gérard

[Back to original message]