Responsive HTML Scrolling Box

[DJCheetah]

I am currently using this HTML scrolling box:\[code\]<div style="height:107px;width:445px;border:1px solid #ccc;font:18px Arial; overflow:auto;"> This is an HTML Scrolling Box. </div>\[/code\]All of the text and images on my site are responsive, in the fact that they scale down to the size of mobile phones and tablets. Is there any possible way to add some type of rule or something simple, to this code above that will make it also responsive like the rest of my site?I have already tried using this bit of code (without luck):\[code\]style='max-width:100%;' style='max-height:100%' border="0"\[/code\]Thank you!