The a tag is not a block element, so it's not surprising that the width is
not controllable.  I've had this problem, too, and ended up building the
button with a div and a JavaScript mouseover.

D


----- Original Message -----
From: "Mike Taylor" <lonewolf(at)one.net>

This is driving me mad.

I've got two URLs to a mock CSS-based navigation bar listed below.  The two
pages are identical except that one contains the XHTML transitional doctype
header at the top.

For those using IE 6:

Note the difference between these two pages.  When you include the doctype,
you get very strange effects.  First, you can no longer control the button
size using the width and height attributes.  Second, the background image of
ALL buttons dims when you mouse over any button.  Even more frustrating??
IE 5 seems to get it right!!!!

What is causing this effect?  Netscape 7 seems to handle this okay.

BUT...Netscape 7 has its own set of issues with CSS padding that I won't get
into here.  Suffice to say that these two browsers --which are allegedly CSS
compliant-- are more different and dysfunctional than ever.

URLS:

Navbar without DTD:
http://w3.one.net/~lonewolf/testcss/testcss.htm

Navbar with XHTML DTD:
http://w3.one.net/~lonewolf/testcss/testcss_withdoctype.htm

• Web Designer Courses
• Off the Shelf Training Courses

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA