On Fri, Apr 2, 2010 at 6:20 PM, Matt Fielding <[email protected]> wrote: > Hello all, > > I am almost 100% done writing the code for a client, but they have > discovered an issue and despite my efforts I cannot figure out what it is. > In Firefox, Chrome, Safari, and IE8, everything works fine. However, in IE7 > the > menu <http://www.gomcc.org/communities> on the left hand side floats over > the content area. > > If anyone can lend me some advice, I'd greatly appreciate it. >
Your sidelinks has its position set to absolute. But you don't have a top, left set. I suspect that FF, IE8 are defaulting to some value that works for you. But IE7 does not do so well for you without the actual top and left being set. I modified a local copy of the page by setting the top and left and could get the page to work in ieTester. I don't use position absolute much. Hence, not defining top and left might be an appropriate way to go. You could paint it orange and call it a pumpkin I wouldn't know the difference. But when I look at http://www.w3schools.com/Css/pr_class_position.asp all the examples specifically set the position elements when using absolute. #sidelinks { position: absolute; width: 154px; background-color: #C3DE9A; margin-right: 11px; color: #A87D50; padding: 5px 0px 11px; } Regards, Claude ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
