bu tür durumlarda h1 e background img olarak o el resmini tanımlayabilirsin yeni element kullanmadan. mesela imajın genişliği 20px:
h1 { width:150px; background: url(images/bcn.jpg) no-repeat 125px 3px #3B5998; padding:0; margin:0; font-size:12px; }
<h1>blabla</h1>
Birazdan denicem teşekkürler.
positionı right yapmana gerek yok. #anamenu h1 için cssi düzenlersen her zaman rahat edersin. Bir ipucu sana böyle h1,h2,h3,li, gibi taglarda yukardan ve aşağıdan padding ile alanı ortalamaya, büyütmeye gerek yok. ona istediğin height ver atıyorum 20px, line-height olarakta 20px ver kalıbına tam oturur içine ne yazarsan yaz tam ortasında durur dikey olarak. Senin yapıya en uygunu şudur mesela;
<h1>Bir Avuç Şiir<img src="resimyolu" /></h1>
#anamenu h1 {
position:relative;
display: block;
background-color:#3B5998;
font-size: 90%;
padding: 0 3px;
line-height:20px;
height:20px; /*IE7 icin cikabilecek sorunlari giderir*/
border:none;
border-color:#FFFFFF;
color: #FFFFFF;
margin: 0px;
width:158px;
}
#anamenu h1 img{
position:absolute;
right:3px;
top:3px;
}
Şimdi ne demek istediğini anladım fakat position: absolute olduğu zaman resimde ki gibi altta çıkıyor fakat her hangi bir yön belirlediğimde düzgün çıkıyor

ama yine mantığı localde denicem. teşekkür ederim yardımlar için.