Set height for element by browser without cutting off the content

[dentrino]

I was able to get it determined by the browser which is great (link below) but the only problem now is when viewing it on smaller screens it cuts off the content and when refresh the page in google chrome with the browser agent open it cuts off for that too as well. How can I get the background to fit the browser without cutting off the content.--link --> How to get an element the same height as browser resolution?\[code\]<script type="text/javascript"> $(document).ready(function() { var height = window.innerHeight; $(".bg").css("height", height); }); </script>\[/code\]