[CSS] element na outline'ie

mamy sobie naglowek a pod nim liste. style dla tych elementow wygladaja tak:

ul {
	background-color: #75a7e0;
	margin: 2px 0;
	padding: 0;
}
li {
	background-color: #72a3db;
	display: inline;
	list-style: none;
	border: 4px solid green;
	margin: 0;
	z-index: 4;
}
h1 {
	background-color: blue;
	margin: 0;
	padding:0;
	border-bottom: 2px solid red;
	outline: 2px solid black;
}

wyglada to w operze tak:
http://img112.imageshack.us/my.php?image=pagehq0.png
obramowanie elementow listy pod outlinem naglowka, a ja chce zeby bylo nad. niby zastosowalem z-index, ale nic to nie daje:/ w firefoksie dziala poprawnie,a tutaj jakos nie chce.