ustawienie elementów po prawej stronie diva

Witam, mam problem z ustawieniem elementów po prawej stronie diva:

<div class="menu at">
						<ul>
							<li class="menu-list at">
								<a href="#video">video</a>
							</li>
							<li class="menu-list at">
								<a href="#info">info</a>
							</li>
							<li class="menu-list at">
								<a href="#kontakt">kontakt</a>
							</li>
						</ul>	
					</div>
					<div class="search at">
						<i class="icon-search"></i>
					</div>
					<div class="settings at">
						<i class="icon-cog"></i>
					</div>
				</div>

"at" to klasa = float: left;

Chciałbym uzyskać coś takiego:

Ale jak dam float: right do klas "settings" i "search" to te dwie ikony zamieniają się miejscami i nie wiem jak ten problem rozwiązać. Z góry dzięki za pomoc.