I'm using a technique I read about to hide text that is replaced by a picture. My CSS code is as follows:

#bannersection h1 {
position:absolute;
text-indent: -9999px;
}

When I use this negative text it does hide the text, but it also makes my page super wide with too much extra white space on the right side of my page. Another resource I read said to put text indent at -2000. I tried that as well, but got the same result. This is browser IE7

Can anyone help?