weird 100% height issue

[justinede]

Hey All,

 

Take a look at my site here: http://justinledelson.com/websites/competition/

 

I am having a problem with the left bar that has numbers to make it look like a code editor. It is a verrry long image and it works fine untill i resize my browser really small, then try to scroll. What ever number gets cut off when u resize it, is the number it will stay at even when scrolling to the bottom of the page.

 

Here is a video demonstration: http://www.screentoaster.com/watch/stUEtRRkNIRFtYQllfXl1RUldQ

 

Here is my code for that particular div:

 

#code {
width:30px;
height:100% !important;
background: url(images/numbersBkg.jpg);
background-position:top;
float:left;
position:absolute;
z-index:-10;
overflow:visible;
}

 

Thanks for any help guys.