given the css:



and the html:



and



renders differently, in Safari it works fine, in IE the portion of the background image beside the paragraph is gone, and in FF the entire background image is gone.

Any suggestions?

Safari
http://i130.photobucket.com/albums/p248/pug2775/coffeecup/ScreenShot008.jpg

IE
http://i130.photobucket.com/albums/p248/pug2775/coffeecup/ScreenShot010.jpg

FF
http://i130.photobucket.com/albums/p248/pug2775/coffeecup/ScreenShot009.jpg

link
http://dev.flyvifc.org/frequent_questions.php

A new day, and a new solution, apparently you can not, (yet) add a background the <section> tag, whether you will be able to in the future is anyone's guess so here is me slipping past the leading edge, onto the bleeding edge of HTML5

I tried this, David, and I was able to first add a bd colour to a section, also a bg image. It looked normal in IE, but inFF it the lines of text seemed to divide both the bg colour and the image in horizontal stripes following the lines of text.

I also tried adding a bg image to an article, and there was no problem with that.

Love to see how you did it, as soon as I move the text, the BG image is gone

I move with the css

.indent200 {margin-left:200px; }
.background_q {background-image:url('../images/question.png'); background-repeat:no-repeat; }

html

<p class="indent200">The members of Virtual International Flying Club strive to help you in every way possible to make your flight simming experience as enjoyable as possible.</p>

and

<article class="background_q"><?php include("content/faq.html"); ?></article>

Although adding a background image to the <article> seems logical to me