Господа, всю голову сломал!
уже прокрутил уроки по css несколько раз, не пойму где ошибка.
Во вложении картинка, это то что у меня получается. но мне надо загнать ссылки войти и регистрация в блок wrapper_registration в котором залит бэграунд из трех картинок.
Привожу код.
index <div id="wrapper_registration">
<div class="bgr_l"></div>
<div class="bgr_c"></div>
<div class="bgr_r"></div>
<nav>
<ul>
<li id="login">
<a id="login-trigger" href="#">Войти <span>▼</span></a>
<div id="login-content">
<form>
<fieldset id="inputs">
<input id="username" type="email" name="Email" placeholder="Ваш email адрес" required>
<input id="password" type="password" name="Password" placeholder="Пароль" required>
</fieldset>
<fieldset id="actions">
<input type="submit" id="submit" value="Войти">
<label><input type="checkbox" checked="checked"> Запомнить меня</label>
</fieldset>
</form>
</div>
</li>
<li id="signup">
<a href="index.php?cust_register=yes">Регистрация</a>
</li>
</ul>
</nav>
</div>
css #wrapper_registration {
position: absolute;
width: 200px;
height: 50px;
right: 120px;
top: 5px;
}
.bgr_l, .bgr_c, .bgr_r {
float: left;
}
.bgr_l {
background: url('../image/EnterL.png') no-repeat;
width: 20px;
height: 49px;
}
.bgr_c {
background: url('../image/EnterM.png') repeat-x;
width: 90px;
height: 49px;
}
.bgr_r {
background: url('../image/EnterR.png') no-repeat;
width: 8px;
height: 49px;
}
/*выпадающая регистрация*/
nav ul {
margin: 0;
padding: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
nav #login-content {
display: none;
position: absolute;
top: 40px;
left: 0;
z-index: 999;
background: #fff;
padding: 15px;
}
/*конец выпадающая регистрация*/
[вложение удалено администратором]