Border under carousel area

Hi,

it doesn't help.

See the print screen:

but if now i click on the check box beside the background-image: url( dateandflirt.net/templates/hot_wedding/images/carousel_bg.jpg );
the border doesn't appear any more.

The thing is i would like to have this border, because it fills the space beneath the carousel.

I'll disable the code added to css back to the way it was. Please go to dateandflirt.net and try it for yourself.

Wait if you are playing with chrome enabling/disabling css properties maybe that creates issue because you conflict JavaScript running in background while playing. It does not mean it will look like that when you load page normally.

The site and the template are basicly o.k. and there is no issue. I just want to add this border beneath the carousel area. On print screens you can see how it looks without it and with it. I don't know if this border was originaly supposed to be there but i found out that if i disable the background image and then enable it again (in developer tools) this border appears. In developer tools you can test some things on computer and if the result is ok than apply that to the code and it works. Basicly disabling and enabling the background shouldn't change anything (besides hiding and reappearing of the background), but in this case it did.
All that aside, i'd just like to add this border beneath the carousel, and i'd appreciate if you can help me to do that.

Ok i tough you actually what to remove it, use this css then:

.carousel_area{
background-position: top center!important;
}

remove all others I gave you

Ok, now we know what the result is supposed to be
but this didn't change it (another PrintScreen


I can't explain why but just disabling the background image and enabling it again does the trick (local in developer tools):

background disabled


background enabled again...

And here it is - the misterious border under the carousel area.
I hoped you would know why.

Add this script to end of head section of index.php of template:

<script>
jQuery(document).ready(function(){
jQuery('.carousel_area').css('background-position','initial');
});
</script>


to clarify problem is because it gets value
background-position: initial initial;
which is not possible correct is just background-position: initial;