Denne side modsvarer eksempel 22-8 i bogen “Webdesign med stylesheets”.
ul.menu {
list-style: none;
width:198px;
background-color:#fff;
border-width:0 1px 1px 1px;
border-style: solid;
border-color: #257;
margin: 0 1em 0 0;
padding:0; }
ul.menu li a {
text-decoration:none;
color:#1a0080;
background-color:#fff;
display:block;
margin:0;
padding:3px 5px;
font-size:100%;
border-top:1px solid #257; }
ul.menu li a:hover {
color:#fff;
background-color:#1a0080; }
<!--[if lt IE 7]>
<style type="text/css" media="screen">
ul.menu li a {width:188px;}
ul.menu li {display:inline; }
</style>
<![endif]-->
<!--[if lt IE 6]>
<style type="text/css" media="screen">
ul.menu li a {width:198px;}
ul.menu li {display:inline; }
</style>
<![endif]-->
Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.