Сообщение от monolithed
|
видимо потому, что безграмотная верстка (без обид, но ошибки совсем детские):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru">
<head>
<style type="text/css">
#wrap, #content, ul, ul li {
overflow: hidden;
position: relative;
}
#wrap {
background: gray;
width: 208px;
height: auto;
}
#content {
background: red;
margin: 20px auto;
width: 100px;
height: 50px;
}
ul, ul li {
margin: 0px;
padding: 0px;
}
ul {
width: 208px;
height: 20px;
}
ul li {
background: #35C;
border: solid 1px;
border-color: #46F #238 #238 #46F;
display: block;
list-style: none;
text-align: center;
float: left;
width: 50px;
}
ul li a {
color: #fff;
font: 300 14px/14px arial, tahoma, verdana, sans-serif;
text-decoration: none;
}
</style>
</head>
<body>
<div id="wrap">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
<div id="content"></div>
</div>
</body>
</html>
|
я вот этот пример имел ввиду, и его поведение при
#wrap, #content, ul, ul li {
overflow: hidden;
position: relative;
}
и при
#wrap, #content, ul li {
overflow: hidden;
position: relative;
}
и
#wrap, #content, ul li {
overflow: hidden;
position: relative;
}
ul {
overflow:hidden;
}
или
#wrap, #content, ul li {
overflow: hidden;
position: relative;
}
ul {
position:relative;
}