Cross browser compatibility (UGHHHHhhh)

[pyridine]

http://www.debationnation.com/

If you visit that in Firefox, it looks fine. But if you visit it in Chrome the theads are messed up. (White space) I cannot figure out why it is doing this, help would be appreciated.

[Yaldaram]

In global.css, find;

.thead {
	background: url(images/debate/thead_bg.png) top no-repeat;
	color: #fff;
	height: 30px;
	
	font-family: arial;
	font-size: 12px;
}

and Remove height attribute, like this;

.thead {
	background: url(images/debate/thead_bg.png) top no-repeat;
	color: #fff;
	font-family: arial;
	font-size: 12px;
}

[pyridine]

If I remove the height attribute it cuts off. The background image for thead is 30px high, so that's what I set that height attribute as; it should work.

[Euan T]

Mind posting a screenshot of the chrome view? I don't have chrome on this hired laptop.

[Aries-Belgium]

Try to give it a padding of 7px instead of a height.

[pyridine]

Mind posting a screenshot of the chrome view? I don't have chrome on this hired laptop.

Try to give it a padding of 7px instead of a height.

That's actually what it was before, but I got fed up with the 1px white line under all the theads. (Setting the padding to 6px made it cut off)

[Euan T]

Righto, I'll take a look at it then - I'm just installing chrome to a memory stick. I think I have an idea, though I'm not sure.

[Aries-Belgium]

That's actually what it was before, but I got fed up with the 1px white line under all the theads. (Setting the padding to 6px made it cut off)

Okay, leave the height in there and remove the top and bottom padding:

padding: 0px 7px;

or

padding-top: 0px;
padding-bottom: 0px;

[Euan T]

@Aries-elgium: That'll make the thead text appear at the top.

Could somebody post the full CSS for the .thead please? I have an idea.

[Yaldaram]

Could somebody post the full CSS for the .thead please? I have an idea.

.thead {
	background: url(images/debate/thead_bg.png) top no-repeat;
	color: #fff;
	height: 30px;
	
	font-family: arial;
	font-size: 12px;
}