Jak utworzyć przezroczystą ramkę za pomocą CSS?

Mam listylizację następująco: li{ display:inline-block; padding:5px; border:1px solid none; } li:hover{ border:1px solid #FC0; } Kiedy najeżdżam kursorem na ligranicę, pojawia się bez liprzesuwania. Czy jest możliwe, aby „obramowanie” było niewidoczne?