Div overlap problem

I have a div on either side of my page that are meant to move closer together as the screen gets smaller, with nothing in between. The problem is that I can't get them to stop moving closer, when someone开发者_运维问答 for instance has a small screen or the browser is resized. On too small of a screen the links and the information section start to intersect, which makes the site impossible to use.

I've tried using min-width, but it doesn't seem to do anything on any browser. I can't seem to find any viable alternate solutions. I'm fairly new at coding, so I'm hoping it's just something simple that I'm forgetting to do.

I'm using Firefox primarily. Thanks in advance for any and all assistance. =P

THIS IS THE SITE

Either you allow all elements to be redimensionable, or you just have to put the menu above the content adding position:relative and z-index:1 (in that case don't forget to change links background to make them visible).