段落内のCssとスパンクラスの高さ

Question

.post_headline_signupの背景をdiv内の段落の背景と同じ高さにするにはどうすればよいですか？

.post_headline { 
background:url(images/signup_bg.jpg) repeat-x; 
border-left:1px solid #555; 
border-right:1px solid #555; 
padding-left:1em; 
height:2em; 
line-height:2em 
} 
.post_headline p { 
text-transform:uppercase 
} 
.post_headline a { 
font-weight:bold; 
background:url(images/signup.jpg) repeat-x #900; 
border-left:1px solid #000; 
border-right:1px solid #000; 
padding:1.2em; - **THE PROBLEM IS HERE - ONLY PADDING WORKS, LINE HEIGHT OR DIV HEIGHT DOESN'T** 
margin-left:1em 
} 
.post_headline a:hover { 
color:#FFF; 
text-decoration:underline 
} 

のTy：

<div class="post_headline"> 
    <p>Hello world<span class="post_headline_signup"><a href="site">text inside span</a></span></p> 
</div> 

は、これは私のCSSです：

は、ここに私のコードです！

Answer 1

バックグラウンド画像は、コンテナに合わせて（CSS2で）伸縮できません。あなたがそれを伸ばすために必要ならば< img />（これは素晴らしい（プレゼンテーション対コンテンツ）しかしそれはcss2の限界ですCss3はバックグラウンドストレッチを提供するかもしれませんが、私は見たことがないと思いますそれ）