Il codice da te postato non e` semanticamente ne` sintatticamente (XHTML) corretto.
Invece il secondo va bene. Se il testo e` un titolo, pero` dovresti usare il tag <h1> (o <h2> o quello che ci va) al posto del

.

Il tag

(e anche i tag <hX>) e` di tipo blocco, per cui puoi applicarvi tutte le formattazioni del tuo div.tab_panel.


Se la cosa deve funzionare anche in IE6 la pseudoclasse :hover la devi applicare a un tag <a>, che puoi inserire pleonastico dentro il




Attenzione che stai usando degli attributi html che non sono compatibili con un buon uso dei CSS: gli attributi di formattazione (cellpadding="1" cellspacing="1" border="0") devono essere eliminati dall'HTML e spostati nel CSS.

Altro problema: la dimensione del font puo` essere troppo piccola: fai meglio usare una dimensione 100% e regolare le altre dimensioni di conseguenza (tremite le unita` em). Altrimenti rischi che il browser aumenti il font e il tutto risulti sballato.
Non puoi conoscere la dimensinoe del font che vede l'utente: i browser possono definire un font minimo (ad esempio io tengo il font minimo a 14px, dato che ho i px molto piccoli).