Anyone up for a little investigating?

[PicnicTutorials]

On this page http://www.buildingblockshomedaycare.com/ and viewing with firefox, if you increase the text size twice a yellow bar appears at the top of the white content box/table. On my mobile the yellow bar is always there regardless of text size.

There is a image spacer at the top and bottom of each white content box, so I thought that maybe the image was repeating. So I tried image no repeat... that did not work. Any thoughts as to why anybody?

[Stomme poes]

            <td width="21" align="left" valign="top" background="images/toprep.jpg"><img src="images/corner1.jpg" width="21" height="20"></td>
            <td width="583" align="left" valign="top" background="images/toprep.jpg">&nbsp;</td>
            <td width="21" align="right" valign="top" background="images/toprep.jpg"><img src="images/corner2.jpg" width="21" height="20"></td>

Here's your yellow line: http://www.buildingblockshomedaycare...ges/toprep.jpg

Your image is 20px high. It does appear to be repeating as the TD gets taller. I don't see anywhere where you've set repeat to no-repeat.

You could, in the CSS under where you list stuff for the td have

td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
} /*this is what you already have*/

td {
  background-repeat: no-repeat;
}

and see what happens.

Funny thing, my Web Developer's Toolbar keeps telling me about errors I can't see in the HTML or the CSS on "Line 0" including Mozilla-specific CSS terms. Not sure where those are or why my browser is seeing them. Might have to do with the Javascript thing tho I have all scripts turned off.

[PicnicTutorials]

Thanks for the reply. I found the answer, it is.

You have a space in that cell which you should remove.

<td width="583" align="left" valign="top" background="images/toprep.jpg">&nbsp;</td>


Remove this:

&nbsp;