I think you need to remove the default margins on uls.
So within;
#navcontainer ul, I removed all the margins and added
margin: 50px 0 0 0; 

*this basically means the same as;
margin-top: 50px
margin-right: 0
margin-bottom: 0
margin-left: 0;

That fixes the problem in ie6, but you get the 3px thing in ie5 still.
Sorry I think there is a work around for this somewhere but im not sure,
someone on the list might know.

For faster hover rollovers, you could use this technique. Place the
normal and hover state in one image, and when you use it as a
background, just use the background-position property to 'slide' the
normal and hover states into view. See this slidingdoors article for a
more complete reference.

http://www.alistapart.com/articles/slidingdoors/

Hope that helps,

Tim Hill
Computer Associates
Graphic Artist
tel: +612 9937 0792
fax: +612 9937 0546
[EMAIL PROTECTED]


-----Original Message-----
From: Paul Ross [mailto:[EMAIL PROTECTED] 
Sent: Friday, February 13, 2004 1:49 PM
To: [EMAIL PROTECTED]
Subject: [WSG] CSS/XHTML NavBar and IE6



Hello folks,

(First post to this excellent list - thanks Russ/Peter for setting me
up).

I am trying to ditch the HTML tables addiction and keeping to
standards-based designs from now on. The annoying thing is I can do this
in 30 seconds using the 'old' methods but I'm having problems. I need
some guidance on the image navbar where I have used a Eric Meyer
CSS-only method for the rollovers (instead of JavaScript code soup).
Here's my test page...

http://www.skyrocket.com.au/Concepts/Books24x7/index.html

Works fine in Mozilla 1.5, Safari 1.0 but using IE6 on a PC there's a
gap at the top and bottom of the navbar of maybe 5px. Any ideas why?
Also, there is a significant delay on mouseover depending on the browser
used. The rollover state doesn't seem to load until a user rolls over
the button hot spot. Can this be sped up somehow? Any help appreciated.


Regards
PAUL ROSS
SkyRocket Design Co
http://www.skyrocket.com.au

-------------------------------------------------
This mail sent through IMP: http://horde.org/imp/
*****************************************************
The discussion list for http://webstandardsgroup.org/
***************************************************** 


*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************

Reply via email to