TalkToMyself Styling

Not sure if this should go in this area or the Stylening one , but curious if any of the CSS people might tell me how I can alter the 'TalkToMyselfBanner' CSS I've put in Stylus. I like that it removes the dumb flag hanging out over the text, but at least on Mac the pane is too tall for the text in the chat window: The last bit of any output is clipped by the banner. I'm never quite sure if there's more to see. I've tried changing the border radius values but haven't seen any difference.  #textchat-notifier   {     position: relative;       width:92%;     top: 0px;       text-align: center;     background-color: rgb(162, 0, 0);     color: rgb(255, 255, 255);     padding: 1px 5px;     font-size: .7em;     line-height: 1.1em;     font-weight: bold;     text-transform: uppercase;     border-radius: 10px 10px 10px 10px;     border: 1px solid hsl(45, 70%, 81%);     border-top: 0;     box-shadow: 1px 2px 5px rgba(101, 77, 121, 0.25);   } Any useful pointers appreciated. M

That style is actually from the Stylening thread originally. I developed it on a Mac and haven't noticed the clipping. Next tie I'm at my desktop computer I'll take a look an see if I can tell what's going on, though. Have you isolated it to make sure it is not being affected by a different style?

I've toggled it on and off, and that's the one that affects the clipping of the chat text. Here's before: And after toggling it on: When I have a moment to really look I realize there's no missing information, but during other times I'm always trying to scroll more because it looks like there's more to display. I've had stuff get lost because I've scrolled up in the past, and I'm now programmed to always look that it's bottomed out. Thanks for looking, M