Masalah di menu navigasi ketika mouse hover, dengan style block

Permisi bro/sis semua, saat ini saya sedang belajar html css (tepatnya lagi fokus di styling css nya). Saya ada kendala ketika membuat navigation menu/item yg terdiri lebih dari 1 kata, utk halaman web responsive. Kendalanya adalah ketika halaman tidak cukup lebar, dan text otomatis diwrap, maka ketika mouse hover di teks yg tidak diwrap kok bacground colornya hanya berubah sebagian (di area text saja, sementara area yg kosong tidak berubah). Saya mau googling dulu tp tidak tahu hal ini disebut apa? Kalo ada yang bisa bantu atau kasih link yg bisa jadi referensi solusi, saya akan sangat berterima kasih.

biar lebih jelas bisa dilihat ilustrasi sbb :