Black band with 100% width gets a gap when table gets min-width

Black band with 100% width gets a gap when table gets min-width

I have a band on top and a table on the bottom.
When the table is without min-width the band (with 100% width) works
perfectly covering 100% of the screen, however, when I add the
min-width:950px to the table I get a gap I can't get rid of on the right
side of the screen whenever the screen resizes to a smaller size.
I've looked around but I haven't been able to fix it with any of the
recommendations here. Any help appreciated
fiddle: http://jsfiddle.net/xxVUW/
#band{width:100%;height:100px;background: black;}
#port-content{min-width:950px;}