Add a CSS border on hover without moving the element -


possible duplicate:
css hover border makes inline elements adjust slightly

i have row applying background highlight on hover.

.jobs .item:hover {     background: #e1e1e1;     border-top: 1px solid #d0d0d0; } 

however, border adds 1px additional element, makes 'move'. how compensate above movement here (without using background image)?

you make border exist having same color background (or transparent if don't need support older versions of ie (< 7).

.jobs .item {     background: #eee;     border-top: 1px solid #eee; }  .jobs .item:hover {     background: #e1e1e1;     border-top: 1px solid #d0d0d0; } 

Comments

Popular posts from this blog

jasper reports - Fixed header in Excel using JasperReports -

media player - Android: mediaplayer went away with unhandled events -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -