是否有可能检查溢出:自动的一个div?

例如:

HTML

<div id="my_div" style="width: 100px; height:100px; overflow:auto;" class="my_class"> 
  * content
</div>

JQUERY

$('.my_class').live('hover', function (event)
{
    if (event.type == 'mouseenter')
    {
         if( ...  if scrollbar visible ? ... )
         {
            alert('true'):
         }
         else
         {
            alert('false'):
         }
    }

});

有时内容很短(没有滚动条)，有时内容很长(滚动条可见)。

我如何通过CSS(层叠样式表)为一个div而不是整个页面自定义滚动条?

我有一个文本块在WPF。我给它写了很多行，远远超过了它的垂直高度。我原以为出现这种情况时，会自动出现一个垂直滚动条，但事实并非如此。我试图在“属性”窗格中查找滚动条属性，但找不到。

我怎样才能使垂直滚动条自动创建为我的TextBlock一旦其内容超过其高度?

澄清:我宁愿从设计器中完成，而不是直接写入XAML。

我想用CSS自定义一个滚动条。

我使用这个WebKit CSS代码，它适用于Safari和Chrome:

::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

::-webkit-scrollbar-track-piece {
  background-color: #c2d2e4;
}

::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #0a4c95;
}

我如何在Firefox中做同样的事情?

我知道我可以很容易地用jQuery来做，但我更喜欢用纯CSS来做，如果它是可行的。

例如:

<iframe name="Stack" src="http://stackoverflow.com/" width="740"
        frameborder="0" scrolling="no" id="iframe"> ...
</iframe>

我希望它能够根据里面的内容来调整它的高度，而不使用滚动。

CSS可以用来隐藏滚动条吗？你会怎么做？