In your code, your #wrapper's value is 1000, it should be 1000px.
You should imagine div elements as boxes. If you'd like to have the biggest box (with 100% width) to be the container for a smaller box (div with 1000px width), then you'd have to place the smaller box inside the bigger box.
You could use the <body> element to be your 100% container. If you, for whatever reason, require an extra <div>, then your box hierarchy should be like this:
. <!-- all other elements -->