SharePoint 2013 - Make Quick Launch Wider with CSS

Hello Community!

I am working with SharePoint 2013 and I'm trying to extend the width of the Quick Launch using CSS.  So far I have this script:

<style type="text/css">
/*increase quick launch width */
#sideNavBox
{
  width:300px !important;
}
/*Middle Content */
#contentbox{
margin-left: 340px !important;
}</style>

This script works great when run from a CEWP or Script Editor on the page.  However, what I need to do is run the script from either a Master Page or through the Alternate CSS URL setting, in the Site Settings Master Page configuration page.  Unfortunately I just can't get this part to work.

Has anyone else faced this issue?  If so, please provide guidance and code examples for resolving the issue.

Thanks!

Tom

Tom Molskow - Senior SharePoint Architect - Microsoft Community Contributor 2011 and 2012 Award - Linked-In - SharePoint Gypsy