Posted by Jeff on 06/23/06 12:17

Hey

This code works in IE, but not in FireFox, Opera, Netscape. I mean that in
IE this CSS generates a border arround this UL, but in
firefox/opera/netscape this border isn't shown, so I wonder what I must
change to make this border visible in FireFox, Opera, netscape too.

I uses PHP to I check what browser the user is using, so if the user are
using IE I send IE dedicated CSS script and if the user are using FireFox I
send Firefox dedicated CSS script... does it for Opera and Netscape also

BTW, this .php passed validation at www.w3c.org (This Page Is Valid XHTML
1.0 Transitional!)

Please, if you see what's wrong with my CSS script, then tell me what I must
do to solve my problem

Jeff

<div class="my_menu"> <ul> <li><a href='index.php?cat=2&amp;mod=5'>TEST
A</a></li> <li><a href='index.php?cat=2&amp;mod=6'>TEST b</a></li> <li><a
href='index.php?cat=2&amp;mod=7'>TEST C</a></li> <li><a
href='index.php?cat=2&amp;mod=8'>TEST D</a></li> </ul></div> .my_menu {
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
margin:0;
}

..my_menu ul {
padding-top:10px;
padding-bottom:10px;
margin-bottom:0px;
margin-top:0px;
margin-left:10px;
margin-right:10px;
border-style:dotted;
border-bottom:1px;
border-left:1px;
border-top:1px;
border-right:1px;
}


..my_menu ul li {
list-style:none;
text-align:left;
padding-left:20px;
}

[Back to original message]