The problem is that the children of "StyleSheetSwitcherMenu", which are block elements don't fill the whole of the parent boxes width - which is what is suppost to happen by my understanding of "block" elements.
The correct behaviour (my understanding of) occurs when the mouse moves over the menu. I have had a quick skim at the standards and bugzilla and could not find anything to explain the behaviour.
If anyone could correct me, or explain what is going on so I can fix it, that would be great.
Bryan
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">
<head>
<title>test</title>
<style type="text/css">
#corner0 { position:absolute; top:5px; width:100px }
body > #corner0 { width:auto }
.StyleSheetSwitcherMenu { overflow:hidden; height:3em }
.StyleSheetSwitcherMenu:hover { overflow:visible; height:auto }
.StyleSheetSwitcherMenuItem { width:100%; border:solid 1px black }
</style>
</head>
<body>
<div id="corner0">
<div class="StyleSheetSwitcherMenu">
<div class="StyleSheetSwitcherMenuItem">Gray</div>
<div class="StyleSheetSwitcherMenuItem">test23</div>
<div class="StyleSheetSwitcherMenuItem">Blue Stripe (CSS2)</div>
</div>
</div>
</body>
</html>
_______________________________________________
mozilla-layout mailing list
[EMAIL PROTECTED]
http://mail.mozilla.org/listinfo/mozilla-layout
