Estupid question about Slider

Estupid question about Slider


Hello everyone!!
I am a noob in jQuery and I hope you guys can help me, ok?
Here is my doubt: I have this code:
<style type="text/css">
        #demo-frame > div.demo { padding: 10px !important; };
    </style>
    <script type="text/javascript">
    $(function() {
        $("#slider").slider();
    });
    </script>
<div class="demo">
<div id="slider"></div>
</div><!-- End demo -->
<div style="display: none;" class="demo-description">

The basic slider is horizontal and has a single handle that can be
moved with the mouse or by using the arrow keys.


</div><!-- End demo-description -->
Here are my questions:
- I want to make the slider smaller. Is there a width property? How
can I make the slider small?
- I wish I could make the slider like a "ruler", you know? With
tickers showing the values in the slider. Is this possible?
Any help is appreciated!
Thank you guys!
Carlos Pereira