I'm trying to get the #wrapper to stretch to the top and bottom of the browser window.... but no cigar.

 

the site is www.sdsuama.com

 

and the css for the wrapper is:

#wrapper {
width: 900px;
margin: 0 auto;
background:url(../images/bkg-ama.gif);
background-repeat:repeat-y;
overflow:auto;
z-index:1;
padding-left: 20px;
padding-right: 20px;
padding-top:11px;
vertical-align:top;
}

This one's a bit tricky to be fair - one way of getting round it is to tile a background image for the body. I've had similair problems myself. Here's an article that may be of interest to you.

 

http://alistapart.com/articles/fauxcolumns/

 

It does seem like a bit of an oversight to be fair.

Here's another solution, albeit slightly more complex but more "pure" for want of a better word.

 

http://www.positioniseverything.net/articl...out/equalheight

Actually your problem is that you don't use a "css reset" to reset margin and padding like this:

Place this at the top of your global.css file

*  { margin:0; padding:0; }