Cant position Footer images

[bogus]

I am trying to set the footer postions for a left and right corner image.
This is what it looks like at the moment.
If i try to set the Right Corner Image (red arrow) to the right i always have a space to the Left Corner Image (blue arrow). Also cant get the right image to the closer end of the page.


This is what i added in to the EXTRA.css

.footerleft {
   margin: 0 123px;
   background: url(test/footerleft.png) no-repeat;
   height: 40px;
}

.footerright {
   margin: 0 0;
   background: url(test/footerright.png)  no-repeat;
   height: 40px;
}

The divs

<div class="footerleft"></div>
<div class="footerright"></div>

are added after </footer> in PAGE_container

I also tried to work with bottom right/left in the background but its also not working.
Same problem if i use float.
Well, i am a rookie with css

btw. live here

 

[Carlos]

*points at logo/banner* VERY nice design up there!

 

[bogus]

Hello Carlos. Thank you I am working on it since i switched to xenforo.