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) :
http://shenkar.co.il/genia/olive/o.jpg
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(:p), 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.