View Full Version : IE rendering links wrong

12-14-2007, 07:59 AM
Hey guys, i've been trying to use IE only rules and what not but. I've had no luck in trying to get the links to line up.

The rest of the site is coming along and i know the bugs.

In Safari and FF, they work just fine. Why can't Microsoft play nice?

Link to temp site (http://notaless.net/ie-render/)
Download Zip (http://notaless.net/ie-render/ie-render.zip)

Thanks for any help in advance!!!

12-14-2007, 10:40 AM
Few things to point out. Firstly, your page doesn't validate, so either reomve the validated link at the bottom or sort out the issues. Secondly, have you looked at it in IE7? The links across the top don't work as you presumably intended (like they do in Firefox) and the left menu section is in completely the wrong place!

Have you tried CSSVista (http://litmusapp.com/labs)? That will allow you to see the site in both IE and Firefox so you can play about with the CSS and, in real-time, see the changes you make. I'm thinking that the problem you have has something to do with widths because your #content and #sidebar are actually overlapping, which works fine in Firefox but could be causing the issues in IE

12-14-2007, 12:43 PM
div#content {
padding:0 10px;
background-position:top left;

#menu LI {
MAX-WIDTH: 160px; HEIGHT: 27px

Alter the red lines to as shown..

Also the border selector is not allowed in xhtml strict only in transitional.