Hey guys. Im fairly new to css and finding it hard to create css elements to fit into my website. However I have decided to use an image slider for my online portfolio yet im having some problems.

The image slider is currently just sitting itself in the corner of the page but i want it to fit inside my main content div on the page. i have set up some examples and test pages so you guys can see the code and try and help me. any help would be appreciated.

so heres what is happening - link

Heres where i want the image slider to fit, inside the white box - link

so it ends up looking like this - link