I'm tired from this page any one can see what is wrong in this page please i test it in ie and mozila firefox work's fine except Opera why !!!!!!!!!!!!!!! !!!
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitl ed Document</title>
<style type="text/css">
body {
background-color: #333;
}
#border {
margin-right: auto;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
width: 990px;
}
#banner {
background-color: #3e3e3e;
border: solid 1px #333;
}
#banner #user {
color: #FFF;
background-color: #1f1f1f;
font-size: 10px;
padding: 8px;
margin: 50px 20px 0px 0px;
float:right;
display:inline;
}
#menus {
background-color: #3B3B3B;
font-size: 12px;
cursor: default;
}
.Categories {
background-color: #353535;
color: #FFF;
display: inline;
position: relative;
height: 20px;
width: 150px;
top: 0px;
right: 0px;
margin: 5px;
padding: 9px;
}
.Categories:hov er{
color: #333;
background-color: #FFCC00;
}
.Categories .sub_categories {
position: absolute;
top: 100%;
left: 0px;
background-color: #FFCC00;
display:none;
width: 600px;
padding: 18px;
}
.Categories:hov er .sub_categories {
display: inline;
}
.Categories .sub_categories a {
color: #FFF;
text-decoration: none;
padding: 7px;
}
.Categories .sub_categories a:hover {
background-color: #FF9900;
}
#border #main {
background-color: #FFF;
padding: 20px;
color: #666;
}
</style>
</head>
<body>
<div id="border">
<div id="banner">
<div id="user">Welco me Smartic, Logout Inbox(52)</div>
<img src="Logo.png" alt="Smartic" width="180" height="121" /></div>
<div id="menus">
<div class="Categori es">Categorie s
<div class="sub_cate gories"><a href="#">Comput ers</a><a href="#">Montie rs</a><a href="#">Mobile s</a><a href="#">Camers </a><a href="#">Books</a><a href="#">Electr onics</a><a href="#">Video Games</a></div>
</div>
<div class="Categori es">My Profile</div>
<div class="Categori es">My Friends</div>
<div class="Categori es">Sellers</div>
<div class="Categori es">Buyers</div>
</div>
<div id="main"></div>
</div>
</body>
</html>
[/HTML]
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitl ed Document</title>
<style type="text/css">
body {
background-color: #333;
}
#border {
margin-right: auto;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
width: 990px;
}
#banner {
background-color: #3e3e3e;
border: solid 1px #333;
}
#banner #user {
color: #FFF;
background-color: #1f1f1f;
font-size: 10px;
padding: 8px;
margin: 50px 20px 0px 0px;
float:right;
display:inline;
}
#menus {
background-color: #3B3B3B;
font-size: 12px;
cursor: default;
}
.Categories {
background-color: #353535;
color: #FFF;
display: inline;
position: relative;
height: 20px;
width: 150px;
top: 0px;
right: 0px;
margin: 5px;
padding: 9px;
}
.Categories:hov er{
color: #333;
background-color: #FFCC00;
}
.Categories .sub_categories {
position: absolute;
top: 100%;
left: 0px;
background-color: #FFCC00;
display:none;
width: 600px;
padding: 18px;
}
.Categories:hov er .sub_categories {
display: inline;
}
.Categories .sub_categories a {
color: #FFF;
text-decoration: none;
padding: 7px;
}
.Categories .sub_categories a:hover {
background-color: #FF9900;
}
#border #main {
background-color: #FFF;
padding: 20px;
color: #666;
}
</style>
</head>
<body>
<div id="border">
<div id="banner">
<div id="user">Welco me Smartic, Logout Inbox(52)</div>
<img src="Logo.png" alt="Smartic" width="180" height="121" /></div>
<div id="menus">
<div class="Categori es">Categorie s
<div class="sub_cate gories"><a href="#">Comput ers</a><a href="#">Montie rs</a><a href="#">Mobile s</a><a href="#">Camers </a><a href="#">Books</a><a href="#">Electr onics</a><a href="#">Video Games</a></div>
</div>
<div class="Categori es">My Profile</div>
<div class="Categori es">My Friends</div>
<div class="Categori es">Sellers</div>
<div class="Categori es">Buyers</div>
</div>
<div id="main"></div>
</div>
</body>
</html>
[/HTML]
Comment