вот код страницы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=utf-8>
<title>КазаньДрагМет</title>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body>
<div id="body_div">
<div id="top_menu_div">
<ul class="hr">
<li>img src="/images/1.png" align="center"><a href="#">ГЛАВНАЯ</a></li>
<li>img src="/images/2.png" align="center"><a href="#">ПОИСК</a></li>
<li>img src="/images/3.png" align="center"><a href="#">ИЗБРАННОЕ</a></li>
</ul>
<div id="logo_div"></div>
</div>
</div>
</body>
</html>
и вот к нему CSS:
body {
background-color: #000000;
background-image: url("/images/bg.png");
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
ul.hr li {
display: inline;
padding-right: 15px;
}
a:link {
font-family: Arial, Verdana, Courier, sans-serif;
color: #666666;
}
a:visited {
font-family: Arial, Verdana, Courier, sans-serif;
color: #666666;
}
a:hover {
font-family: Arial, Verdana, Courier, sans-serif;
color: #ffffff;
}
#body_div {
background-color: #000000;
width: 80%;
height: 910px;
margin: 0 auto;
}
#logo_div {
width: 350px;
height: 170px;
top: 0px;
left: 1px;
background-image: url("/images/logo.png");
position: relative;
}
#top_menu_div {
width: 100%;
height: 67px;
background-color: #ff4800;
position: relative;
text-align: right;
color: #ffffff;
}
А сама проблема в том, что не могу разобраться с div'ом. У меня получается меню <ul> либо падает под див logo_div либо на оборот выше него...а мне надо чтоб они ьыли на одном уровне...только лого слева а меню справа, но на разных дивах...выложил бы скрин но не могу чет найти как это сделать...помогите плиз