Цвет фона у текста на все высоту блока div?

[dixonn]

Имеется div, в котором лежит текст в тегах span.
Ширина и высота div - 1000px на 50px.
Высота текста 15px.

Как мне сделать, чтобы фон у текста стал вровень с рамкой div т.к. 50px.
Но при этом, чтобы фон растянулся пропорционально высоте влево и вправо.

Для просмотра ссылки Войди или Зарегистрируйся

 

[vytyacom]

Можете попробовать добавить на класс .menu1

display: inline-block;
padding: 0 20px;

 

[dixonn]

Спасибо помогло. Но теперь новая проблема.

Тут работает все хорошо Для просмотра ссылки Войди или Зарегистрируйся
Но на локалке, при перезагрузке страницы или при переходе на другие ссылки, текст начинает съезжаться с разных сторон на свои места.

Ну и вторая проблема, когда делаешь ссылку, то текст становится подчеркнутым и меняет цвет.
Пробовал text-decoration: none но он убивает стиль при наведении.

 

[skiparis]

Смотрите перекрытие стилей. И к text-decoration: none допишите !important