Hocam çok teşekkürler güzel ve pratik bir çözüm. Peki bunun neden böyle olduğunu açıklayabilir misiniz ? Çoğu tutorial da falan bunun özellikle böyle yapıldığını görmedim ama yine de onlarda normal bir şekilde her şey olduğu yerde kalıyor
sorununuzu anladım hocam şöyle anlatayım :hover belirttiğiniz classın üstüne gelindiğinde yapılacak css düzenlemesidir. Siz :hover olarak border verdiğiniz için sadece üzerine geldiğinde border ekliyor. Siz bunu :hover yerine direk li ye verirseniz bu bozulma olmayacaktır.