Therapyx

Ну ответ уже дали, так что вот на тебе хорошие и очень красивые примеры.
cssmenumaker.com/blog/10-free-html-drop-down-menu-...

Есть несколько вариантов.
- Сделать основной див блок к примеру 100px -> В нем сделать еще 2 дива, 1 90px другой 10px -> Вставить тексотовое поле в блок с 90px и лупу как картинку в другой с 10px.
- Другой вариант, сделать самому полю бэкраунд background: white url(путь к картинке) no-repeat right;

Вот держи) Сори за цвета, тут уже не принципиально, цвета на твоей совести ))
https://jsfiddle.net/buh9uaj3/19/

ключевое:

li:hover
{
    background-color:#ff0000;
    border-top: 2px solid blue;
    border-bottom: 2px solid blue;
}

Ну дак поздравляю) Вы добрались до первого языка программирования. А с нуля сразу т уда прыгать совсем не просто.
Надо начинать с самых низов и разбирать все детали, не торопитесь делать все подряд отдельными кусками, типа слайдеров и другой приблуды для фронтенда.
Мне вот нравятся уроки от этого человека. Недавно он начал серию с жава скриптом и там уже 77 уроков хД Посмотрите для начала, или купите сразу книгу.
https://www.youtube.com/watch?v=PMsVM7rjupU&list=P...

2) имхо лучше в контенте. Делаешь 1 основной див class test с шириной 100% и высотой Auto, в него пихаешь еще 2. к примеру class test2 - ширина 10%, class test3 - ширина 90%, задаем классам нужные параметры и получаем:

<div class="test1">
    <div class="test2">date</div>
    <div class="test3">text</div>
</div>

а ну и конечно же эти блоки еще в 1 основной.

Сделай лучше 2 блока в %
первый блок с min и max-width. Чтобы он был константным, к примеру по 22%, а остальные 75 на второй блок, который будет резиновый, с марджином в 3%.
Если же это не будет работать, тогда у тебя видимо что-то со структурой не так. --> код в студию :)