<head>
<style type="text/css" media="screen">
#div1 {width:300px;height:500px;overflow:auto;}
p {width:260px;}
</style>
</head>
<body>
<div id="div1"><p>
Your content that is more than 500px in height goes here,
but it is kept at well less than 300px in width by the paragraph style
(so you have a vertical scroll bar but do not a horizontal scroll bar).
You can actually put another div in this one and give it a width that
is well less than 300px. That way you can put text, images, and
other objects in the "inner" div and keep from having a
horizontal scroll bar without using a p tag or having to
otherwise make sure that your content does not exceed
a total of 300px minus your padding, borders, margins,
and the width of the hoizontal scroll bar.
</p></div>
</body>
</html>And if you don't want to do the math and just want to set your inner div to 300px, you can put this in your stylesheet or <style> in the head:
#div1 {width:300px;height:500px;overflow-x:hidden;overflow-y:auto;}It may not work in older IE though. I can't remember.