Therapyx

Если inline-block вам не подходит, то вам "придется" смотреть в сторону masonry.desandro.com или аналогам.

смотря к какому елементу ты делаешь высоту 100%. Можно обвести их в 1 блок и сделать ему высоту в 1000px, тогда последующие блоки в нем с высотой в 100% будут работать иначе же, надо делать что-то вроде этого:

html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
}
.content {
	width: 960px;
	min-height: 100%;
}

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

вот примеры box-shadow https://css-tricks.com/almanac/properties/b/box-shadow/

вот shadow generator www.cssmatic.com/box-shadow

стиль задавать блоку, который нужно якобы поднять) Ну это думаю уже точно знаешь, так на всякий случай... :)

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

ключевое:

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

Посмотри вот эту статейку
https://css-tricks.com/almanac/properties/b/box-shadow/ - там найдешь вариаент с INNER SHADOW
С помощью shadow можно делать вдавленным текст или блоки. Думаю с бордером тоже можно. Если же нет, можно это реализовать через блоки. К примеру с шириной в 2-3 пикселя и фулл высотой.
А вот еще хороший генератор теней, где можно с этим поиграться www.cssmatic.com/box-shadow

https://jsfiddle.net/agzusff9/28/ пытался, пытался, и как-то не выходит) min-width не пашет в данном случае, НО не знаю как с цсс, на JS можно сделать так, что если div class button = 40px; то... class text будет сужаться быстрее, таким образом настроив нужное значение, можно избежать таких выпадов как у меня. Где-то я точно это видел, но найти не могу :( Погуглите, может у вас получится.

Ну дак поздравляю) Вы добрались до первого языка программирования. А с нуля сразу т уда прыгать совсем не просто.
Надо начинать с самых низов и разбирать все детали, не торопитесь делать все подряд отдельными кусками, типа слайдеров и другой приблуды для фронтенда.
Мне вот нравятся уроки от этого человека. Недавно он начал серию с жава скриптом и там уже 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%.
Если же это не будет работать, тогда у тебя видимо что-то со структурой не так. --> код в студию :)