I have an element, say div in a page. It original (width x height) is (200 x 200) for example. Some portion of this div is overflowed. I make this hidden using CSS (overflow:hidden.... Now though the original width of the div is (200 x 200) But visible is now (180 x 200), Since 20px is overflowed and hidden.

If I add a border it works based on original(200x200). But I want to add border for the part that is visible(180x200).

Is it possible by CSS or jQuery in a fly or some other option exists for this?

Thanks in advanced for reading my post.