jQuery rounded corners dont seem to work

[LouisaBoyles]

This is my first time using jQuery.

Here is my link http://www.allthingsprintuk.co.uk/sidebartest.html

I am trying to achieve rounded corners on my sidebarcontainer (that houses my sidebarcontent list & my main image (the Boat)) using jQuery.

Not sure what I have done to my code to not make it work. Any Ideas?

Thanks in advance.

[David_Powers · Accepted solution]

You have embedded your script blocks inside a style block:

<style type="text/css">

body {
     background-color: #F7A700;
}
-->

<script src="jquery-1.3.2.min.js" type="text/javascript" charset"utf-8"></script>
<script src="jquery.curvycorners.min.js" type="text/javascript" charset"utf-8"></script>

<script type="text/javascript"> 
$(document).ready(function(){
$('.sidebarcontainer').css({background: '#3f3f3f'}).corner('round 8px')
});
</script>

</style>

It should look like this:

<style type="text/css">

body {
     background-color: #F7A700;
}
</style>

<script src="jquery-1.3.2.min.js" type="text/javascript" charset"utf-8"></script>
<script src="jquery.curvycorners.min.js" type="text/javascript" charset"utf-8"></script>

<script type="text/javascript"> 
$(document).ready(function(){
$('.sidebarcontainer').css({background: '#3f3f3f'}).corner('round 8px')
});
</script>

[LouisaBoyles]

Thank you David, that was the problem. Appreciated.