Salve

Volevo inserire una cosa carina nel miosito, un icona che al passaggio del mouse faccia aprire un messaggio di avvertimento coi css, ecco il codice:

codice:
.help-message {
		display: block !important;
		display: none;
		float: left;
		position: relative;
		width: 16px;
		height: 16px;
		margin: 3px 0 0 5px;
		background: #221A26 url(../images/info.png)
}

.help-message em {
		position:absolute;left: -9999px;
		min-width: 12em;
		padding: 7px;
		border: 1px solid #D99E22;
		background: #000000;
		color: #999999;
}

.help-message:hover em {
			left: 20px;top: -5px
}
che apro con <span>, per farlo funzuionare devo mettere nelle mie pagine

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Il problema è che se inserisco questo doctype, tutte le mie inputbox, texbox ecc vengono ridotte ai minimi termini, nonostante io dichiari la loro grandezza nello stesso CSS.

Cosa può essere? è normale?