Hi,
I have the following problem:
a test page is at
http://tolio.org/test/
as you can see, there is a top navigation menu wich is a ul:
<ul>
<li id="bu1"><a href="#"><span>Homepage</span></a></li>
<li id="bu2"><a href="#"><span>About me</span></a></li>
<li id="bu3"><a href="#"><span>Portfolio</span></a></li>
<li id="bu4"><a href="#"><span>Contacts</span></a></li>
</ul>
The CSS goes like: ( i have no hover state)
ul {
position: relative;
width: 600px;
background: url(navigation.png) no-repeat top center;
height: 76px;
list-style-type: none;
margin: 0;
padding: 0;
top: 142px;
}
li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a {
background-color: transparent;
position: absolute;
width: 100px;
height: 40px;
bottom: 30px;
}
li#bu1 a {left: 40px}
li#bu2 a {left: 170px}
li#bu3 a {left: 295px}
li#bu4 a {left: 420px}
ul li a span {
display: none;
}
"ul" is set to relative and the "li a" are set to absolute.
This seems to work ok in mozzila but i lose the link area in IE ( if i
change the background-color: transparent; to any color, i get them back.
Thx in advance
tolio
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
