div之前，如果有大内容，三角形会进入div吗？

Question

我有一个前三角形。它超过了div。 问题是，如果div内容很大，它就会进入内部。

https://jsfiddle.net/8pg4tcrc/1/

我希望这个三角形完全超过div，不管这个div是大还是小。 有什么想法会发生这种错误吗？

#bellnews {  
 position: fixed; 
 width: 140px;
 min-height:100px;
 max-height:400px;
 background: #fff; 
 color: #000;
 border:1px solid #ccc;
 //box-shadow:0 3px 10px 0px #ccc;
 //border-top:none;
 z-index:3000;
}
#bellnews:before {
 content: '';
 vertical-align: middle;
 margin: auto;
 position: absolute;
 left: 0;
 right: 0;
 bottom: 93%;
 width: 15px;
 height: 15px;
 background: #fff;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}

谢谢各位朋友。