How to fix this script to the size of forum

Please, help me with some script to make something like frame where this script (carousel) could appear in the forum. The problem now is that it expand the browser window and it's difficult to see the whole forum. I've placed it in the Homepage/Generalities/Homepage message.

Is it possible and how to move it below the horizontal main menu and upward of the widgets+forum body, appearing in the whole horizontal length of the forum?

the script is

Code:

<script type="text/javascript" src="http://www.patmax.eu/J1/120404181157.js"></script>
    <script type="text/javascript" src="http://www.patmax.eu/J1/120330112609.js"></script>
    <script type="text/javascript">
          jQuery(function() {
              jQuery(".jMyCarousel").jMyCarousel({
                  visible: '100%'
              });
          });
      </script>
    <style>
    div.jMyCarousel .prev{  
    background: url('http://i58.servimg.com/u/f58/14/80/95/87/left10.png') center center no-repeat; /* button to the left*/  
    width:47px;    /* width of the button */
    height:61px; /* hight of the button */  
    border:0px;
    }

    div.jMyCarousel .next{  
    background: url('http://i58.servimg.com/u/f58/14/80/95/87/right10.png') center center no-repeat; /* button to the right */  
    width:47px;    /* width of the button */
    height:61px; /* hight of the button */    
    border:0px;
    }
    div.jMyCarousel ul li{
    border:1px solid #000; /* frame of the pix */
    line-height:0px;
    margin:0 1px; /* indentation between pix */
    }
    </style>

    <br/><br/><div class="jMyCarousel">
        <ul>
            <li><img src="link of the pic" width="160" height="107"></li>
            <li><img src="link of the pic" width="160" height="107"></li>
            <li><img src="link of the pic" width="160" height="107"></li>
            <li><img src="link of the pic" width="160" height="107"></li>
            <li><img src="link of the pic" width="160" height="107"></li>
            <li><img src="link of the pic" width="160" height="107"></li>
            <li><img src="link of the pic" width="160" height="107"></li>
      </ul>
    </div>

Hello @sunshine_222,

Try adding the following rule to your stylesheet.
Display > Colors > CSS stylesheet

Code:

.jMyCarousel ul { position:absolute !important }

Thank you very much! It works!

Solved => Archived