help with moving items

Hi,
I have items on a headers that I want to push up
on the row there is an image and next to it there are shorter items (ul) that are stuck on the bottom and I want to elevate them a bit
see picture: http://screencast.com/t/xl7iBdOlhOs

The css defining them is:
#navmenu ul li a {text-decoration:none; margin: 0px;
padding: 2px 20px 2px 20px; color: #fff;
background: #a4aa14;}

I don't know what to change to resolve it...
Thanks

 

Show all header css/html code

 

In navbar css put:

margin-top: -80px;

 

Bapinder - it pushed it with logo: http://screencast.com/t/mRT3bSOCENJ

bzenko: here is the full code:

Header part (html):
<div id="navmenu">

<ul>
<img src="http://mydomain.com/blog4/wp-content/uploads/2011/03/logo1.jpg" />

<li class="page1tab"><a href="wordpress/About/">About</a></li>
<li class="page2tab"><a href="wordpress/Projects/">Projects</a></li>
<li class="page3tab"><a href="wordpress/Portfolio">Portfolio</a></li>
<li class="page4tab"><a href="wordpress/Blog/">Blog</a></li>
<li class="page5tab"><a href="wordpress/Our Office/">Our Office</a></li>
<li class="page6tab"><a href="wordpress/Contact">Contact</a></li>
</ul>
</div>



CSS:

#navmenu ul {width:750px; margin: 0; padding: 0;
list-style-type: none; list-style-image: none; align="right"; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none; margin: 0px;
padding: 2px 20px 2px 20px; color: #fff;
background: #a4aa14;}
#navmenu ul li.page1tab a {background: #a4aa14;}
#navmenu ul li.page2tab a {background: #89840f;}
#navmenu ul li.page3tab a {background: #e57300;}
#navmenu ul li.page4tab a {background: #546725;}
#navmenu ul li.page5tab a {background: #828033;}
#navmenu ul li.page6tab a {background: #668067;}
#navmenu ul li a:hover {color: #000; background: #ddd; }


Maybe I can create a class for the logo and push it down a bit with margin-top?

 

I made a new class for the logo and added a margin-bottom:-50px to it
That did it!