CSS/HTML help please? - Teh Forum

<body> <div id="header"> <span class="left"> <span class="back"><a href="lthread_list.php?webtag=DEFAULT"><span class="image mobile_back" title="Back"></span></a></span> <span class="image mobile_logo" title="Beehive Forum Logo"></span> </span> <ul> <li> <a class="reply_all" href="lpost.php?webtag=DEFAULT&reply_to=30873.0&return_msg=30873.1"> <span class="image mobile_reply_all"></span><span class="text">Reply to All</span> </a> </li> <li> <a class="navigation" href="#"> <span class="image mobile_navigation"></span><span class="text">Show messages</span> </a> </li> <li> <a class="main" href="#"><span class="image mobile_menu" title="Menu"></span> </a> </li> </ul> </div> <div class="menu main"> <ul> <li><a href="lthread_list.php?webtag=DEFAULT">Messages</a></li> <li><a href="lpm.php?webtag=DEFAULT">Inbox</a></li> <li><a href="lsearch.php?webtag=DEFAULT">Search</a></li> <li><a href="llogon.php?webtag=DEFAULT">Login</a></li> </ul> </div> <div class="menu navigation"><a href="lmessages.php?webtag=DEFAULT&msg=30873.1">1–6</a></div> <div id="page_content"> <h3 class="thread_title"><a href="index.php?webtag=DEFAULT&amp;msg=30873.1">CSS/HTML help please?</a> </h3> <div id="messages" data-navigation="30873_1_6_10"> <a name="a30873_1"></a><div class="message" id="message_30873_1"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">12 Oct 2006 15:21</span> <div class="clearer"></div> </div><div class="message_to">To: ALL<span class="message_count">1 of 6</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30873.1">30873.1</a></div> <div class="message_body"> I am working on the site revamp of my office's website, and am having an issue with the <a href="http://www.montreal.ca.emb-japan.go.jp/test/index_e.htm">homepage</a> - the external site icon won't show up at the end of links.<br /> <br /> It works fine on every other page on the site (<a href="http://www.montreal.ca.emb-japan.go.jp/en/general/governmentlinks.htm">example here</a>) and i'm using the same instructions in the CSS that i use for the rest of the site (the other pages have a different CSS). I can't for the life of me figure out why the external site icons won't show - the space for them is there - when you hover over the links, you can see where it would be, but the icon itself is MIA.<br /> <br /> Any help would be enormously appreciated. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30873.1&return_msg=30873.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30873.1"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30873_2"></a><div class="message" id="message_30873_2"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">12 Oct 2006 15:32</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 12 Oct 2006 15:33"></span></span> <span class="message_count">2 of 6</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30873.2">30873.2</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30873.1#a30873_1" target="_self">30873.1</a></div> <div class="message_body"> In main.css you have <div class="quotetext" id="code-"><b> code:</b></div><pre class="code">background: url("/image/external.png") center right no-repeat;</pre><br /> In top.css you have <div class="quotetext" id="code-"><b> code:</b></div><pre class="code">background: url(/image/external.png) center right no-repeat;</pre><br /> <br /> AFAIK, the quotes are optional, but try adding them and seeing if that makes any difference? </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30873.2&return_msg=30873.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30873.2"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30873_3"></a><div class="message" id="message_30873_3"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">12 Oct 2006 15:35</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 12 Oct 2006 15:45"></span></span> <span class="message_count">3 of 6</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30873.3">30873.3</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30873.1#a30873_2" target="_self">30873.2</a></div> <div class="message_body"> Did that, no effect.<br /> <br /> Also tried using the full URL of the icon file. Also no effect.<br /> <br /> Honestly, I'm baffled.<br /> <br /> Plus it doesn't help that the web uploader i have to use contains instructions like this:<br /> <br /> <div class="quotetext" id="quote"><b>quote: </b></div><div class="quote">Please move a right-hand side window to the destination,respectively,using an adress bar in the window of the left-hand side opened downwart, and copy a file to sending origin.<br /> The file(folder) as a public server with the same file(folder) stored in the Web folder is synchronous-transmitted <br /> by file transfer to public server.<br /> Therefore, please delete an unnecessary (there is no necessity in a Web desplay) file from a Web folder.</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30873.3&return_msg=30873.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30873.3"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30873_4"></a><div class="message" id="message_30873_4"> <div class="message_header"> <div class="message_from"> From: THERE IS NO GOD BUT (RENDLE)<span class="message_time">12 Oct 2006 15:40</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 12 Oct 2006 15:47"></span></span> <span class="message_count">4 of 6</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30873.4">30873.4</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30873.1#a30873_3" target="_self">30873.3</a></div> <div class="message_body"> Those are with perfected sense. Clear problem on you're your. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30873.4&return_msg=30873.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30873.4"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30873_5"></a><div class="message" id="message_30873_5"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">12 Oct 2006 15:48</span> <div class="clearer"></div> </div><div class="message_to">To: THERE IS NO GOD BUT (RENDLE) <span><span class="image post_read" title="Read: 12 Oct 2006 15:56"></span></span> <span class="message_count">5 of 6</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30873.5">30873.5</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30873.1#a30873_4" target="_self">30873.4</a></div> <div class="message_body"> <p>At one point it says to click the "Resister" button to continue.</p> <p> </p> <p>And yes, the button does indeed say "Resister" on it.</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30873.5&return_msg=30873.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30873.5"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30873_6"></a><div class="message" id="message_30873_6"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">12 Oct 2006 15:53</span> <div class="clearer"></div> </div><div class="message_to">To: ALL<span class="message_count">6 of 6</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30873.6">30873.6</a></div> <div class="message_body"> <p>Oh, just noticed something else.</p> <p> </p> <p>In IE, in the Japan and Africa section, the little list icon doesn't show up at the start of the 4th link. It shows up when you hover over the link, but not otherwise. Code is identical to the other links. Shows up properly in Firefox.</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30873.6&return_msg=30873.1" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30873.6"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div></div> </div> </body>