Hello, I'm using a rounded corner boxes style sheet with 4 images and
scalable.
It is perfect in Firefox. IE 7 shows it perfectly BUT when I
scroll the page up and down some of the rounded box backgroud
disappear (you can see the effect at http://www.fitcisl.it/piloti/index.asp)!!!
I've no idea why...it seems it is caused by containing tags of
surrounding elements but the small theory I know is not enough to the
understand the reason of this strange behavior.
Could you please help? Is it the code, the images I use or what?
Here you find the code and the link to the 4 files I use with the hope
you can reproduce what I am experiencing.
Thank you,
Ataru
*****************
FILES:
http://www.jatmwg.org/box_tr.jpg
http://www.jatmwg.org/box_tl.jpg
http://www.jatmwg.org/box_br.jpg
http://www.jatmwg.org/box_bl.jpg
***********************************
CSS
..boxhead{ /* this class is top-right corner */
background: url(box_tr.jpg) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}

..boxhead h2 { /* this class is top-left corner */
background: url(box_tl.jpg) no-repeat top left;
margin: 0;
padding: 5px 5px 5px 5px;
color: black;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
}

..boxbody { /* this class is bottom-left corner */
background: url(box_bl.jpg) no-repeat bottom left;
margin: 0;
}

..boxbody p{
margin: 0;
padding: 5px 10px 5px 10px;
}

..sidebox { /* this class is bottom-right corner */
margin: 0;
background: url(box_br.jpg) no-repeat bottom right;
font-size: 100%;
}

******************************
HTML
<div class="sidebox">
<div class="boxhead"><h2>Title</h2></div>

<div class="boxbody">
<p>This is a demo</p>
</div>
</div>
**********************
Thank you!