Нужна номощь в html и CSS

ul {
position:absolute;
left:20ex;
top:15ex;
}

ul li {
list-style:none;
font-family:Verdana, Geneva, sans-serif;
padding-left:4px;
padding-top:6px;
padding-bottom:6px;
}

ul li:hover {
cursor:pointer;
background-color:#6FF;
border-radius:4px;
width:150px;
height:20px;
}

-----------------------------

<ul>
<li > Мои игры
<li > Мои друзья
<li > Моя сообщения
</ul>


Проблема в том, что когда наводишь курсор на текст он выделяется и происходит смещение нижних строк. Надо убрать этот эффект.

Примечание:
width - для установки ширины подсветки.
height - из за этого был глюк. я уже сам сделал.

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.