Богдан Герасименко

Просто растянуть блок на весь экран:
#block {height:100%;width:100%;}
Но, чтобы он реально занимал весь экран нужно либо для body и html указать {height:100%;width:100%;}, либо:

#block {height:100%;width:100%;position:absolute;top:0;left:0;z-index:99999;}

Я давно уже не использую на сайтах графику для создания стрелочек и прочих декораций. Для этих целей хорошо подходят иконочные шрифты по типу FontAwesome.

С помощью него вывести такую стрелочку можно написав такой код:
<i class="fa fa-chevron-right"></i>

Само же меню лучше полностью реализовать на CSS:

@import url(http://site.at.ua/css/fontawesome.css); /* Подключили шрифт с иконками */

ul.menu {list-style: none; width: 200px; position: relative;}
ul.menu li a {display: block; line-height: 30px;}
ul.menu a.submenu:before {font: 14px 'FontAwesome'; content: '\f054'; margin: 0 10px; float:right; line-height:30px;}
ul.menu li:hover {background: whitesmoke;}
ul.menu li ul {list-style: none; display: none;position: absolute; top: 0; left: 200px; width: 200px;}
ul.menu li:hover ul {display: block;}

А в HTML только указываем разметку меню:

<ul class="menu">
    <li>
        <a href="#" class="submenu">Подпункт</a>
        <ul>
            <li><a href="#">Ссылка</a></li>
        </ul>
    </li>
    <li><a href="#">Ссылка</a></li>
    <li><a href="#">Ссылка</a></li>
</ul>

Вот целый сайт посвященный дизайну меню.