Background Image Breaks When Image Placed On Top...

[mboehler3]

The top of the image has the background-image behind it, but once the text stops, so does the background-image. Here is my HTML:

<div class="tabbertab">	<h3><div runat="server" id="tab1" class="description">{Tab Title #1}</div></h3>	<div class="tabs-margin">	<div class="tabs-image"><img src="w200xhauto.png" width="200" height="200" runat="server" id="image_tab1" maxwidth="200" minwidth="50" maxheight="400" minheight="20" /></div>	<div class="tabs-headmain"><span runat="server" id="title_tab1">Enter headline here.</span></div><br />	<div class="tabs-headsub"><span runat="server" id="subtitle_tab1">Enter subheadline here.</span></div><br /><br />	<div class="tabs-content"><span runat="server" id="descriptive_tab1">Enter text here.</span></div>	</div></div>

And CSS:

.tabs-margin{padding:15px 35px 0 25px;}.tabs-headmain{font-weight:bold; font-size:18px; width:300px;}.tabs-headsub{font-size:14px; width:300px;}.tabs-content{width:300px;}.tabs-image {float:right;}.tabberlive .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0;}

[dsonesuk]

no period separating classes, if that does not fix it try adding overflow: hidden;.tabberlive, .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0; overflow:hidden;}edit: also i thing you find that <h3></h3> should be inside a div element.<div runat="server" id="tab1" class="description"><h3>{Tab Title #1}</h3></div>

Edited September 2, 2009 by dsonesuk

[mboehler3]

no period separating classes, if that does not fix it try adding overflow: hidden;.tabberlive, .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0; overflow:hidden;}

Thank you, the overflow:hidden works perfectly!