Applying Border Radius to NIVO Slider. It's partially working!??!

[gl82uk]

I'm currently trying to have a css radius on my slideshow around the tops. It is working partially but not properly.

Before a transition it appears as a box but then a transition occurs and during its transition it shows the rounded edges. Once the transition is complete it reverts back to a box.

Can anyone possibly give some advice? I've used !important in my css

Here is the site I'm working on

http://www.code-creative.co.uk/pica/

You can see what I am talking about on there

Any help would be greatly appreciated on this

Thank you in advance

[cbVision]

What element did you put the rounded corner on? It transitions too fast for me to find it.

[gl82uk]

hey cbvision

thank you for replying

i have applied the radius in several places to attempt to get it to stick with important as follows

.nivo_outerwrap {
width: 60%;
float:left;
border-radius: 5px 5px 5px 5px !important;
}

.nivoSlider {
width: 100% !important;
border-radius: 5px 5px 5px 5px !important;
}

.nivo-wrap {border-radius: 5px 5px 5px 5px !important;}

It doesn't seem to stick though.

Really struggling with this one may try a different slider