Unnesessary Scrollbars, Showing up in div layers Options

[Unfold]

I recently updated my photo website with a new layout. For the body part of my layout, there seems to be unnesessary scrollbars popping up when someone clicks a link.

Is there a way to fix it?

Here are my codes:

CODE

<div class="content" style="position: absolute; left:500px; top:50px; width:px; height:px; overflow: auto;"><center>
<img src="http://photosbychristine.net/111interviews.png"><Br><Br>

Click on each band/artist's name to see the interview!<Br><br>

<a href="http://photosbychristine.net/interviewtherefortomorrow.html"><img src="http://photosbychristine.net/111tftheader.png"></a>

</div>

And I'm attaching a screenshot of my site.

Attached File(s)

 111111111111.jpg ( 102.41K ) Number of downloads: 9

 

[nikx618]

make the width/height
of the scroll box bigger.
your the content inside smaller.
i think that would take the bars away.