troubleshooting Question

CSS positioning off in Internet Explorer

Avatar of isaacr25
isaacr25 asked on
Web Languages and StandardsCSSWeb Browsers
4 Comments1 Solution273 ViewsLast Modified:
Hey guys,
I'm having some trouble getting a portion of my site to line up correctly with CSS, in Internet Explorer (I'm using IE 9). Take a look at The block on the right with the large countdown timer is what I'm trying to position.

In Firefox and Chrome, it is positioned the way I want it. But in IE, it's positioned lower than intended. See this screenshot: Why is IE interpreting my CSS lower than the other browsers? And how can I fix it?

I've also attached my snipped of CSS code that deals with this block. Thanks in advance for your guidance.

#block-jquery-countdown-jquery-countdown {float:right; width:306px; height:412px; margin-top:16px; background:url(images/header-bg-right.png) no-repeat;}
#block-jquery-countdown-jquery-countdown .content {padding:0 20px 10px 20px;}
.hasCountdown {background:none; border:none; padding-top:17px;}
.countdown_show4 .countdown_section {width:100%;}
.countdown_section {font-size:25px; padding:23px 0 13px 0; border-bottom:1px dotted #e5e4e4; text-transform:lowercase;}
.countdown_descr {font-size:20px; text-transform:uppercase; padding-top:12px;}
Join our community to see this answer!
Unlock 1 Answer and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros