Jump to content

IE Not Displaying Image Properly


Recommended Posts

The site is http://orangecoffeecup.com. Look at the header. In IE the coffee cup image drops half way down. It looks fine in other browsers. I'm stumped.


Here's the header:

<div id="header">

<div id="twitter-badge"><a href="http://twitter.com/<?php if ($apa_Twitter == ''){echo '_fearlessflyer';}else{echo $apa_Twitter;} ?>">follow</a></div><!--twitter-badge-->

<a id="logo" href="<?php bloginfo('url');?>"><img src="http://orangecoffeecup.com/wp-content/uploads/2011/03/coffee-cup-large.png" width="111px" height="70px" alt="Orange Coffee Cup" title="Orange Coffee Cup" /> Podcasting Network</a>
<div id="navigation">
<div id="page-nav">
<li id="welcome" class="current_page_item2"><a href="<?php bloginfo('url');?>" title="Home">Welcome</a></li>
<?php wp_list_pages('title_li=&depth=1&sort_column=menu_order'); ?>
<span id="login"><a href="<?php echo get_option('home'); ?>/wp-admin/">Login to Site</a></span>


Here's the CSS:

#header {height:156px; clear:both; padding:70px 49px 0 49px; width:940px; margin:0 auto; text-align:left; background:url(images/header-bg.gif) no-repeat bottom left; position:relative;}
#twitter-badge {position:absolute; left:740px; top:-5px; background:url(images/twitter-badge-maroon.png); width:218px; height:139px;}
#twitter-badge a {display:block; width:218px; height:139px; text-indent:-9999px;}
a#logo {clear:both; font-size:98px; overflow:hidden; text-decoration:none; text-transform:uppercase; color:#333333;letter-spacing:-2px; display:inline; margin:0px; padding:0;}


Any help would be greatly appreciated.

Link to comment
Share on other sites

I got excited for a second because I thought you were on to something. The closing brackets are there though.



NOW I see them too - About time those darn reading glasses get here.


Sorry for the blind chase.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...