Проблема с блоками

[sokrbam]

Уважаемые спецы!

Помогите разобраться. У меня есть блок #wrapper_registration в котором залит беграунд из трех картинок, в него я хочу поместить ссылки "регистрация" и "войти" это для входа пользователей. Но, никак не получается загнать эти ссылки внутрь этого блока. Ниже привожу код.

html

<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;

}

/*конец выпадающая регистрация*/