Need to create a pannable viewport within a page
<p>I'm creating a custom map / diagram using jQuery / HTML / CSS. It is large, about 3000 x 3000 pixels of content overall. Because of this, I want to be able to restrict the viewable area to only 700x400 pixels or so, and let users pan within the div (by clicking and dragging) to move around the map and see the parts they desire.</p>

<p>The map will have many media elements within it, so using the GMaps API will not work for a variety of reasons. Also, the map is more than just an IMG element, so many of the "pan full size image" type plugins for jQuery that I've seen do not work for this purpose.</p>

<p>Seems like it should be relatively simple, but I searched quite a bit to no avail.</p>

<p>Any help or pointers would be greatly appreciated!</p>

<p>Thanks,
David</p>
