how to make my jslidepanel to expand more

[scarezekiel]

im new to this

 

so i think this is the script

 

<style>
#menu li .drop {background:url("images/drop.gif") no-repeat right 8px; 
</style>
<style type="text/css">
a:focus {
outline: none;
}
a.trigger{
position: absolute;
background:#88bbd4 ;
text-decoration: none;
font-size: 11px;
font-family: tahoma;
color:#fff;
padding:5px 12px 6px 10px;
font-weight: bold;
z-index:2;
}
a.trigger.left {
left: 0;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
a.trigger.right {
right: 0;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
a.trigger:hover {
background-color:#59B;
}
a.active.trigger {
background:#666 ;
}
.panel {
font-size: 12px;
font-family: tahoma;
color:#CCC;
position: absolute;
display: none;
background: #000000;
width: 285px;
height: auto;
z-index:1;
}
.panel.left {
left: 0;
padding: 20px 30px 20px 50px;
border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.panel.right {
right: 0;
padding: 20px 100px 20px 30px;
border-bottom-left-radius: 15px;
border-top-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-left-radius: 15px;
}
.panel p {
font-size:11px;
font-family: tahoma;
color:#fff;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.slidePanel.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// default settings
// $('.panel').slidePanel();
// custom settings
$('#panel1').slidePanel({
	triggerName: '#trigger1',
	position: 'fixed',
	triggerTopPos: '80px',
	panelTopPos: '0px',


});
$('#panel2').slidePanel({
	triggerName: '#trigger2',
	position: 'fixed',
	triggerTopPos: '120px',
	panelTopPos: '10px'
});
$('#panel3').slidePanel({
	triggerName: '#trigger3',
	triggerTopPos: '220px',
	panelTopPos: '200px',
	ajax: true,
	ajaxSource: 'side.html'
});
});
</script>

 

 

the problem is i need the slide panel to expand more so the (RM1,488 and Read more will be on the same line)