Forum:Div placement issues

On Combine OverWiki, I'm using small icons to refer to eras of the fictional universe on the top-right of each page. Many wikis about fictional universes use it (Wookieepedia, Silent Hill, etc.); I copied/pasted them on our wiki but it had no effect. So I had to find a way to do it differently, but that doesn't work well, as there is always an unwanted space between the icon line and the start of the article (see here, between the title and the light blue frame), that also prevents from easily selecting the article title, and clicking on the warning when having received a new message on one's talk page. The icons are also badly placed when reaching an article through a redirect (example).

The 2 templates used are Template:Article (determining the icon position, where the problem is) and Template:Articleicon (featuring the icons themselves).

So I'd like to know what is missing from our files that makes the Wookieepedia and Silent Hill systems not to work on the wiki, so that I can use their system, better than my buggy one. Thanks for your time! Klow 16:29, March 8, 2010 (UTC)


 * It could be the returns before the vertical bars ( &#124; ) in Template:Articleicon. -- Fandyllic  (talk &middot; contr) 7:30 PM PST 8 Mar 2010


 * The system used by Wookieepedia involves adding stuff to MediaWiki:Common.css on your wiki and defining a class as ".icon" or something similar, and adding properties to that to position it at the top right. See for example this Common.css and this template. The 888th Avatar   (talk)  10:54, March 9, 2010 (UTC)


 * Actually Wookieepedia's uses JavaScript not CSS. For that method see w:c:starwars:MediaWiki:Common.js and ctrl+f to find showEras which is the function used. It's called when the div's id is 'title-eraicons' located at Template:Eras. Though the JavaScript method relies on the viewer to have JavaScript enabled for them to see it properly. Grunny  ( Talk ) 14:16, March 9, 2010 (UTC)


 * Thanks for your answers! So, I thought I'd give a try at the Avatar system, but... doesn't work. I added the CSS code (maybe I forgot another one?), modified Template:Article, created Template:Article/SubIcon, and applied it to one icon just to test. See Gordon Freeman, the icon is on the left and too low, as if the style didn't apply. What did I forget?... Klow 14:52, March 9, 2010 (UTC)


 * After I refreshed my cache it appeared at the top right for me. Did you refresh your cache after modifying MediaWiki:Common.css? Grunny  ( Talk ) 14:59, March 9, 2010 (UTC)
 * Whoops. For me too! Thank you all! Klow 15:08, March 9, 2010 (UTC)