264725 - Bad CSS rendering when repeating backgrounds

Status: VERIFIED INVALID

(Firefox :: General, defect)

Description

[Francisco León]

When i view this page on firefox 0.9.3 or 1.0PR on any os the css that is supposed to fill up the top 
table with the striped background doesn't work.

The code for both the table and the css is attached below, along with a screenshot of how it should 
look (safari) and how it looks on firefox

The code is valid xhtml 1.1 and css

Comment 1

[Francisco León]

Attachment: css

Comment 2

[Francisco León]

Attachment: testcase

Comment 3

[Francisco León]

Attachment: logo image

Comment 4

[Francisco León]

Attachment: striped background that doesn't repeat on firefox

Comment 5

[Bill Mason]

table#tope {
	background: #345487  url(images/p1.gif)  solid repeat-x;
	width:100%;
	border: 0px;
}

I don't know why you have solid in there, but that's not a valid value.  Take it
out and the page works fine.

Comment 6

[Francisco León]

i saw "solid" on some page, and used it. The validator doesn't complain. I forgot to include the 
screenshots, i will do now, but still mozilla has some problems even without solid, it puts a weird frame 
around the image. Pictures coming up

Comment 7

[Francisco León]

Attachment: image with "solid"

A recent konqueror, safari and IE complete the background and doesn't show the
blue background

Comment 8

[Francisco León]

Attachment: without css

Now a blue gap appears on the bottom, which i take it is my fault, but notice
the frame around the image on mozilla

Comment 9

[Francisco León]

The purple frame added on the image is no more that the "visited link color" in the preferences. 
Because the image has a link, it gets surrounded in the frame, making the background repeat 
unaligned. Safari doesn't change the link color for images

Comment 10

[Francisco León]

ok, img { border:none} is really helpful :)

I still wonder how solid works in konqueror, even better than the default (scroll)