Huge Problem with IE Rendering my Site

I made a site that looks good in all browsers EXCEPT for Internet Explorer.  Big surprise, right?

Anyways, the url is here:  http://www.halfoffdrinks.com/staging

Check it out in Firefox, Chrome, whatever.  Then check it out in IE.  I've tried IE8 and IE9.  Both fail to render the site properly.  I've spent like 5-6 hours trying to fix it and I am at my whits end.  I can't take it anymore.  I'm really hoping someone out there can help me out.

Thank you!!
halfoffdrinksAsked:
Who is Participating?
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
I see two things right off.  You have a CSS link before the DOCTYPE which in IE will nullify the DOCTYPE.  It should be in the <head> section.

<link href="css/hod-style.css" rel="stylesheet" type="text/css" />

<!DOCTYPE html>
<html dir="ltr" lang="en-US">

<head>

Open in new window


And you have this in your CSS file.  It Only works in the main HTML file.  It's incomplete anyway.
[if IE]>
	<link rel="stylesheet" type="text/css" href="hd-style-ie.css" />
<![endif]

Open in new window

0
 
Dave BaldwinFixer of ProblemsCommented:
No, it looks awful in Firefox, Chrome, and Safari too.
Half Off screen shot
0
 
halfoffdrinksAuthor Commented:
You're looking at the /Miami page.  It isn't ready yet.  I'm too concerned with making the staging homepage work before moving onto the Miami section.

Please look at THIS page:  http://www.halfoffdrinks.com/staging/
0
 
halfoffdrinksAuthor Commented:
Dave,

I F&CKING LOVE YOU.

It was the CSS call before the doctype.  I'm an idddiooottt!  Wow.  WOW.  You just made my entire weekend.
0
 
Dave BaldwinFixer of ProblemsCommented:
We all get to be idiots now and then...
0
All Courses

From novice to tech pro — start learning today.