The design of the website looks seamless in Chrome and Firefox, however, when I view it in Internet Explorer, I notice a significant gap on the right side of the first two pages. How can I fix this issue specifically for Internet Explorer? Should I use a media query or is there a CSS hack that could help? I attempted to implement a media query but ended up causing more issues and had to remove it. Also, is there a way to test how the site looks in Safari since I am working on a PC? Any suggestions would be greatly appreciated! :)
Update: Here's a link to a fiddle with my code: http://jsfiddle.net/5yon04ns/
<p> I have included the code in the fiddle </p>