MyBB Community Forums - My Custom Advertisement doesn't show up in chrome?

I am trying to fix my advertisement on my index page of my website and it's not showing up at all in my browser (Google Chrome)?

Website: http://VisualizeEdits.com/

Internet Explorer: http://gyazo.com/8f3975c1e8160263ca7c1d55a61d2461
Google Chrome: http://gyazo.com/5164f98801ade2156b0ef3c9b06445a5

This is my index code

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
	lang.no_new_posts = "{$lang->no_new_posts}";
	lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
{$sidebar_threads_scripts}</head>
<body>
{$header}

<div id="forum_main_container">


    <div id="forum_container_two">
        <div id="forum_header_container">
            <div class="header_text" style="text-align: center;">VisualizeEdits' Community</div>
        </div>
        <div id="forum_contents_container">
                <div id="top_advertisement_container">
                        <div id="top_advertisement_index_header">{myadvertisements[zone_4]}</div>
                </div>

			{$forums}

			<div id="forum_icons">
				<div id="forum_icons_location">
					<dl class="forum_legend smalltext">
						<dt><img src="{$theme['imgdir']}/on.png" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px; width: 22px; height: 22px; margin-top: -4px;" /></dt>
						<dd>{$lang->new_posts}</dd>

						<dt><img src="{$theme['imgdir']}/off.png" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px; width: 22px; height: 22px; margin-top: -4px;" /></dt>
						<dd>{$lang->no_new_posts}</dd>

						<dt><img src="{$theme['imgdir']}/offlock.png" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle; padding-bottom: 4px; width: 22px; height: 22px; margin-top: -4px;" /></dt>
						<dd>{$lang->forum_locked}</dd>
					</dl>
				</div>
			</div>

                <div id="bottom_advertisement_container">
                        <div id="bottom_advertisement_index_header">{myadvertisements[zone_6]}</div>
                </div>

            <br style="clear: both" />
        </div>
		<div id="forum_footer_container">
            <div class="bottommenu" style="text-align: center; color: #000000; padding: 5px; clear: both; background: none; border: none;">
				<div>
					<span class="smalltext" style="color: #000;"><a href="{$mybb->settings['contactlink']}">{$lang->bottomlinks_contactus}</a> | <a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a> | <a href="#top">{$lang->bottomlinks_returntop}</a> | <a href="#content">{$lang->bottomlinks_returncontent}</a> | <a href="<archive_url>">{$lang->bottomlinks_litemode}</a> | <a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></span>
				</div>
			</div>
		</div>
	</div>

        <div id="whos_online_container">
		<div id="whos_online_header" style="text-align: center;">
			<p>Who's Online</p>
                </div>
		<div id="whos_online_contents" style="text-align: center;">
			<div id="whos_online_contents_holder">{$onlinemembers}</div>
                </div>
		<div id="whos_online_footer" style="text-align: center;">
			<a href="http://visualizeedits.com/online.php"><p>See Full Stats</p></a>
		</div>
	</div>

        <div id="whos_online_today_container">
		<div id="whos_online_today_header" style="text-align: center;">
			<p>Who's Online Today</p>
                </div>
		<div id="whos_online_today_contents" style="text-align: center;">
			<div id="whos_online_today_contents_holder">{$online_today}</div>
                </div>
		<div id="whos_online_today_footer" style="text-align: center;">
			<a href="http://visualizeedits.com/stats.php"><p>See Full Stats</p></a>
		</div>
	</div>

	<div id="latest_threads_container">
		<div id="latest_threads_header" style="text-align: center;">
			<p>Latest Posts</p>
        </div>
		<div id="latest_threads_contents" style="text-align: center;">
			{$sidebar_threads_main}
        </div>
		<div id="latest_threads_footer" style="text-align: center;">
			<p></p>
		</div>
	</div>
</div>

<!--
	<div id="stats_container">
        <div id="stats_header" style="text-align: center;">
            <p>Community Stats</p>
        </div>
        <div id="stats_contents">

        </div>
        <div id="stats_footer" style="text-align: center;">
            <a href="{$mybb->settings['bburl']}/stats.php"><p>See Full Stats</p></a>
        </div>
    </div>
--->
</div>


<div id="copyright_container" style="text-align: center;">
    <span class="smalltext" style="text-align: center; color: #000;">{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, &copy; Theme By: <a href="http://VisualizeEdits.com/" target="_blank">VisualizeEdits</a></span>
</div>
		
</body>
</html>

This is my styles for the advertisment.

#top_advertisement_container {
        background: #757575;
        width: 100%;
        height: 125px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #000;
        margin-bottom: 8px;
}

#top_advertisement_index_header {
        margin-left: auto;
        margin-right: auto;
        
}

#bottom_advertisement_container {
        background: #757575;
        width: 100%;
        height: 125px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #000;
        margin-top: 8px;
        margin-bottom: -12px;
}

#bottom_advertisement_index_header {
        margin-left: auto;
        margin-right: auto;
        
}

And I just made a banner and put it inside my advertisement and went to preview how it look on the index and I noticed that the gray area isn't there at all. (Not sure if it been that way before inserting the banner)

This is my advertisement code for the top banner of the index

{myadvertisements[zone_4]}

<div id="Advertisement"><href="http://VisualizeEdits.com/"<img src="images/Banners/HeaderBanner.jpg" alt="Free Advertisement!"></div>

This is what it look like inside the advertisement (Not sure if that's the problem though)
http://gyazo.com/ad0f13f5d427406b3c3be0f4e9cfa7ed
http://gyazo.com/89a12174c3dd1fc5d2d590091ddf6285

I have already tried to hard reload and clear cache.

Remove {myadvertisements[zone_4]} from within the div tags. Specify your image link inside the myadvertisement configuration and not in the html like you have done.

(2013-08-23, 06:30 AM)Bala Wrote: [ -> ]Remove {myadvertisements[zone_4]} from within the div tags. Specify your image link inside the myadvertisement configuration and not in the html like you have done.

Removing that from the div tags isn't going to do anything.. It's still going to be the same, I just did that because I have a style that will be need in that div after configuring my image.

Also the image IS in the configuration, it's not inside the html of the index. Not sure if that's what you're saying or in other word, you may be saying to just place my image link inside alone, I've done the html like that before and it work, it have to be that way for the image to be clickable.

Well I said to remove the myadvertisement part from div id inside the index template as you have already specified it in the ad code.

Try one thing. Keep the index html same and modify the ad code to just have the image src. And try if it works out.