Uno tra gli effetti grafici più comuni che vengono realizzati con l'uso dei css è il rollover, che sfrutta le proprietà dei link. Il rollover può consistere in uno sfondo di solo colore (es.: #ccc o Grey), oppure in uno sfondo realizzato attraverso l'uso di immagini.

In quest'ultimo caso bisogna stare attenti alla tecnica che si utilizza, perchè, il caricamento dell'immagine associata all'evento hover, può provocare uno spiacevole effetto "vuoto".

Infatti se per il rollover su usano 2 immagini differenti, all'apertura della pagina è caricata la sola immagine di a:link (nuovo o visitato), mentre quella dell' a:hover è caricata solo al passaggio del mouse.
Su Internet Explorer 6 il fenomeno si accentua per un bug del browser e  si ripropone ogniqualvolta si apre la pagina.

Internet Explorer 5.x e IE 6 in quirk mode, ovvero senza un corretto doctype nella pagina, includono nella larghezza dei div (indicata nell'attributo width) anche il padding e i bordi. Invece i browser standard compliant interpretano la width come l'area a disposizione per il contenuto, alla quale si aggiungono padding e border.
Per ovviare ai problemi derivanti da queste differenze una delle soluzioni più gettonate è il box model hack di Tantek, o una delle sue varianti.