Resizing browser stops width:100% background over css

Question

My website www.onlinemoviesbox.com is having a slight CSS Issue. When I resize(make my browser width smaller) the vertical scrollbar appears and if I scroll to the right I see that the header background corrupts and does not continue(Black background). I went over lots of similar questions and wasn't able to fix this issue with similar answers. I tried removing the header div width from pixels to percentage and that didn't work.

I'd be very happy if someone could help me fix the header so no matter how I resize and scroll I will have the background continued.

Thanks

Answer 1

I see this on your page's HTML:

<div class="topheader" style="width:100%;background:#000;">

It looks like the width:100% is the problem there. Try setting a min-width there too, which would be the width where the horizontal scrollbar first appears.