height adjusting of H2 inside div

[genia]

i have a really stupid problem that i cant figure out-i want to do something like this(and ofcourse without the color code and the 23 in the mid) :

but what i get is this(haven't made that menu yet):
http://shenkar.co.il/genia/olive/

tried minus margin to the h2,padding,margin to the images,nothing.
also,is my markup ok or there is a better way to achieve this simple layout?

[Nile]

What's the difference between the two?

[genia]

lol designers can drive u crazy- the green leafs need to begin at the same level as the text
on the same line

[Nile]

Sorry your Majesty(), change your css to this:

 /*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Olive tree hotel Style Sheet 
version:   1.0
Author:    Genia Malinsky
E-mail:    genia.m@gmail.com
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{
	background: #b3bc8d;
	margin:0;padding:0;
}
.clear{clear:both;}
#containor {  margin:0 auto; width:1020px;padding-top:20px;}
#header{
	height:122px;
}
#logo{
	float:left;
	margin-left:52px;
	display:block;
}
#title h2{
	display: inline;
	color:#fff;
	font-family:"Times New Roman";
	font-size: 21px;
	text-align:center;
	height:31px;
	position: relative;
        margin: 0 10px 0 10px;
vertical-align: middle;
}
#title img {
  vertical-align: bottom;
}

#title{
		height:41px;
		float: right;
		margin-top:40px;
		margin-right: 90px;
}

.l{float:left;display:inline;}
.r{float:right;display:inline;}

[genia]

oh,thanks alot.
and i meant that I on the first didn't saw the difference.
anyway,why doesn't margin\padding didn't worked?

and now to the fun part- the ul desgin.

[Nile]

I think it's because your using inline positioning, but I really don't know - I'm not a css expert.