css - Vertical menu with left image -

css - Vertical menu with left image -

i have 2 part problem on my site

i want navigation menu attached image:

the first problem have making nav menu show off of right side of page. think have margins set right menu doesn't appear after hits right side of yellowish border.

second little banner goes behind site body on left side. created image when seek place it, won't show in right place. right have set repeat can see @ (along funky positioning). there way create part shows below actual menu link show up?

you can accomplish impact using pure css.

html

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58" id="menu-item-58"> <a href="http://ranchocordovaeventscenter.com/?page_id=57">building facts</a> <div> <div class="wrap-behind"></div> </div> </li>

css

#extra-navbar .menu-item { margin-bottom: 0.9rem; margin-left: 20px; } .wrap-behind { background: none repeat scroll 0 0 #f9b233; border-left: 13px solid transparent; border-right: 1px solid #053053; border-top: 10px solid #053053; float: left; height: 0; width: 0; } #extra-navbar ul li { background-attachment: scroll; background-color: #104571; background-position: left bottom; background-repeat: no-repeat; color: #ffffff; overflow: visible; }

css navigation