Text div overlapping background

[csa]

In FireFox my text hides the right background line of the image. Please can someone point me in the right direction? (See attached file)

Code: Select all

/* This Weeks special side menu*/
div#thisweekspecial{
width: 220px;
padding-top: 10px;
padding-left: 0px;
}
div#thisweekcurvetop{
width: 210px;
height: 32px;
}
div#thisweekmiddle{
width: 210px;
background-image:url(images/specialmiddle.gif);
}
div#thisweekbottom{
width: 130px;
background-image:url(images/specialmiddle.gif);
}
div#thisweeksurround{
width: 210px;
}
div#specialimage{
width: 82px;
padding-left:5px;
float:left;
}
div#specialtext{
width: 100px;
float:left;
}

[ukgeoff]

It would be better if you could put the actual page somewhere with a link so that we can see the css in context with the html code.

[masonbarge]

This happens to me from time to time and it's not hard to solve, but darned if I can remember how I do it. Try floating the text right maybe which is a crummy solution but might work. The image doesn't need a div btw.