Forum:Cannot figure out how to make infoboxs with custom image border/background

We use infoboxs on our wiki but we want them to look like the boxes they have ingame (Age of Empires Online). This is an example of what it should look like(seen below):



I did some magic and made this image (seen below):



Then I found a site that let me make it into some css form of thing. .infoboxcustomborder { border-width: 9px; -moz-border-image: url(http://images2.wikia.nocookie.net/laterental/images/4/40/http://images2.wikia.nocookie.net/laterental/images/4/40/Aoeo_bg_borderable.png) 9 stretch; -webkit-border-image: url(http://images2.wikia.nocookie.net/laterental/images/4/40/Aoeo_bg_borderable.png) 9 stretch; -o-border-image: url(http://images2.wikia.nocookie.net/laterental/images/4/40/Aoeo_bg_borderable.png) 9 stretch; border-image: url(http://images2.wikia.nocookie.net/laterental/images/4/40/Aoeo_bg_borderable.png) 9 stretch; }

Which I placed into the common.css.

Problem is, I have almost no comprehension of css even though I've tried to learn it.

I've added to the template of the infoboxcustomborder class {| width="32%" align="right" class="wikitable infobox infoboxcustomborder plainlinks"

But for some reason on the page it doesn't change the infobox at all.

Here is my sandbox wiki Thanks much for your time and I hope you can help! :)
 * Hey, import Common.css into Wikia.css by adding

to MediaWiki:Wikia.css; it should load your customizations. Cheers! 17:38, April 27, 2012 (UTC)