How can I use {vb:raw vboptions.xxx} within CSS template??

[EquinoxWorld]

Hello everyone, I currently have a slideshow to which I created a couple of options in the admin panel for the admin to be able to control it's width and height easily from the product options, instead of having to go edit style-vars.

The slideshow's width and height are controlled by CSS attributes. I created a custom CSS template and inlciuded it within my page with the slideshow making a call to said template. My problem is apparently it's not reading the CSS correctly using {vb:raw vboptions.xxx} as a replacement for actual values.

Here's what I am trying to do:

#slide {
    position:relative;
    width:{vb:raw vboptions.cotw_sotw_max_width}px; 
    height:{vb:raw vboptions.cotw_sotw_max_height}px;
    background:url(images/loading.gif) no-repeat 50% 50%;
}

If I do just this:

#slide {
    position:relative;
    width:500px;
    height:200px;
    background:url(images/loading.gif) no-repeat 50% 50%;
}

The slideshow changes to those dimensions if I do it the previous way it does not change size, it just adapts it's size to the image that's showing. Anyone have any ideas why or how I can't get this to work being able to use those custom options to control width and height? Any info anyone can provide will be appreciated. Thanks for your time everyone.

Note: I was unsure whether to place this thread here or in Design so if any mod wants to move it by all means. Sorry for the trouble in advance if you do.