Issue with alignment

Hi all,

bit of an od question.

I have this custom theme and all is almost working as I want it to.

If you take a look at my site here: https://www.hotellameije.com/new

You will see on the left hand side column there is a widget which shows special offers.

My aim was to get this to expand in size as the right hand content panel expands.

A perfect example would be looking at the home page here: https://www.hotellameije.com/new

and looking at this page – https://hotellameije.com/new/prices/

You can see that the box automatically expands when using this little bit of js

<script type=”text/javascript”>
<!–
$(document).ready(function() {
var divh = document.getElementById(‘content’).offsetHeight;
var target = document.getElementById(‘primary’);
target.style.height = ( divh – 145 ) + “px”;
});
//–>
</script>

I am no expert with js but the issue comes in on certain pages such as this one : https://hotellameije.com/new/restaurant/la-cartesample-menu/

I think I have eliminated the issue to pages where I use rightpic which is a small bit of css:

.rightpic {
float:right;
margin-left:15px;
padding-left:20px;

}

Does anyone have a suggestion as how I could rectify this as its probably something small and frustrating and I do not know what to do to sort it out.

I would much appreciate it if someone could offer some advice or help.

Thanks in advance