Witam, mam następujący problem:
Wstawiłem sobie ten http://www.sundoginteractive.com/sunblog/p...query-hover-box skrypt na stronę i działa w miarę ok, jednak w okienku które się wyświetla <h2> ma taki sam styl jak id w którym się znajduje (<div id="centermain">) pomimo że ustaliłem mu zupełnie inny:

[HTML] pobierz, plaintext 
.popbox
{
	display: none;
	position: absolute;
	z-index: 99999;
	width: 400px;
	padding: 10px;
	background: #EEEFEB;
	color: #000000;
	border: 1px solid #4D4F53;
	margin: 0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
	filter: none;
}
.popbox H2
{
	background-color: #4D4F53;
	color: #E3E5DD;
	font-size: 14px;
	display: block;
	width: 100%;
	margin: -10px 0px 8px -10px;
	padding: 5px 10px;
}
[HTML] pobierz, plaintext 

Przez to tekst w wyskakującym okienku kompletnie się rozjeżdża i nie mieści + kolorystycznie wygląda to do bani.
Jak obejść to dziedziczenie właściwości?

A możemy poznać strukturę HTML?
Najlepiej podaj przykład na JSFiddle lub Codepen.