I've been struggling with the CSS in my stylesheet when it comes to rounding the corners of tooltips. Whether I use ui-tooltip or create a custom tooltip class and specify it in the tooltip initialization, the corners just won't round. It seems like there may be a CSS priority conflict, but as a newcomer to CSS, I'm not entirely sure about its inner workings yet.
All I really want is for those corners to be round!
.ui-tooltip {
position: absolute;
background: #f9a235;
color: #fff;
padding: 6px 0px;
border-width: 1px;
border-radius: 25px;
}