I'd be elated if IE showed my menu horizontally.
I'd be okay if IE showed my menu vertically, 'cause at least it's a common problem.
However... it's showing my menu diagonally. Which is EXTREMELY weird.
This is a snapshot by Adobe Browser Labs with IE 7 on Windows XP:
HTML code:
Code:
<ul id="nav">
<li class="nav-link"><a href="http://www.nerld.co.cc/index.php">Home</a></li>
<li class="nav-link"><a href="http://www.nerld.co.cc/school/index.php">School</a></li>
<li class="nav-link"><a href="http://www.nerld.co.cc/nerlife/index.php">NerLife</a></li>
<li class="nav-link"><a href="http://www.nerld.co.cc/forum/">Forum</a></li>
<li class="nav-link"><a href="http://www.nerld.co.cc/about/index.php">About</a></li>
<li class="nav-link"><a href="http://www.nerld.co.cc/search.php">Search</a></li>
<li class="nav-link"><a href="http://www.nerld.co.cc/sitemap/index.php">Sitemap</a></li>
</ul>
CSS Code:
Code:
#nav
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: small;
cursor: default;
width: 100%;
float: left;
border:1px solid #42432d;
border-width: 3px 1px;
display: inline;
}
#nav a:link,
#nav a:visited {
color:#000000;
padding:10px 20px 10px 20px;
float:left;
width:auto;
border-right:1px solid #42432d;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#nav a:hover {
color:#FFFFFF;
background-color:#0000CC;
}
Just reminds me again of how limited my CSS knowledge is. Thanks for all help!
PS can anyone tell me how to put my Google Search thingy all on one line? Again, all other browsers are fine except for IE. Thanks! 
__________________
Please login or register to view this content. Registration is FREE - The most comprehensive online resource for students and educators.
Last edited by yuechen; 01-23-2010 at 08:54 PM..
Reason: more questions
|