Как сделать кликабельным весь блок li, а не только вложенную в него а?
Мне кажется вы не совсем понимаете что вам надо сделать. Вам не надо задавать высоту и ширину li вам надо сделать это для ссылки. т.е. оставить li со стилями типа display:inline-block; а все стили которые вы хотите применить к li применить к ссылке внутри. И тогда li не будет иметь никаких стилей а ссвлка просто разойдется по всей ширине и высоте этого пункта
вот Амир Алимжанов правильно сказал. Размер области ссылки должен заполнять область li.