webpages and resizing browser window

Question

Hello,

I'm currently working on a webpage and I'm having troubles with Firefox when I resize the browser window. Content in the "featured" div overflows when the window is made smaller. However, this is not an issue in IE 8. I have not tried any other browsers yet. Any ideas?

HTML:

<div class="slider_container>
    <div id="featured>
        blah
    </div>
</div>

CSS:

.slider_container{
background-color: white;
border: solid 1px;
margin-left: 1%;
margin-right: 1%;
padding-top: 1%;
padding-bottom: 1%;
text-align: left;
position: relative;
}

#featured{ 
width:400px;
padding-right: 250px;
position: relative; 
border: 5px solid #ccc;
height: 250px; 
background: #fff;
}

I hope that's enough code...

Thanks in advance,

Matt