pat a. wrote: > [...] Everything seemed to be OK till I tested the site on Win IE6, > at which point I found out it doesn't like my horizontal nav menu, > moving it up and to the right of where it should be. I've read that > IE doesn't like an absolute element nested in a relative one, which I > guess is what's giving me grief.
You've heard wrong. IE has absolutely no problems with absolute positioned elements nested in relative ones, as it would otherwise not be possible to position anything in that browser. IE does however have serious problems with 'hasLayout'[1] triggers on elements next to other elements, and the 'height: 40px' on '#header ul' is such a trigger. This causes the '#header ul' to line up next to h2.replace and be shorter, instead of lining up across it at full width. Same problem in IE7 btw. > The site is here: http://localnoise.net.au/ Keep existing styles as is, and add... #header ul {float: right; width: 100%; margin-left: -300px;} ...and IE/win will do fine. As will other browsers. The method introduced is known as 'partially removed float', and is best illustrated here... <http://www.gunlaug.no/tos/moa_16.html> regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no ______________________________________________________________________ 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/
