HTML Tablon Flotante

<div class="botones">

	<div class="bot1">

		<div class="bot-text">
			               Awards
		</div>

	</div>

	<div class="bot3">

		<div class="bot-text">
			               Staff
		</div>

	</div>

	<div class="bot4">

		<div class="bot-text">
			               Chatbox
		</div>

	</div>
</div>

<div id="caja1">

	<h1>
		               Awards
	</h1>

	<center>
		  <br /><br />
		<table>

			<tbody>
				<tr>

					<td>

						<div id="prem">

							<div class="efect2">

								<div style="width: 120px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

								</div>

							</div>

							<div style="width: 120px; height: 80px; background:#134;">

								<div style="font-family: Exo; font-size: 15px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
									   PREMIO
								</div><a href="">Nombre</a>
							</div>

						</div>

					</td>

					<td>

						<div id="prem">

							<div class="efect2">

								<div style="width: 120px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

								</div>

							</div>

							<div style="width: 120px; height: 80px; background:#134;">

								<div style="font-family: Exo; font-size: 15px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
									   PREMIO
								</div><a href="">Nombre</a>
							</div>

						</div>

					</td>

					<td>

						<div id="prem">

							<div class="efect2">

								<div style="width: 120px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

								</div>

							</div>

							<div style="width: 120px; height: 80px; background:#134;">

								<div style="font-family: Exo; font-size: 15px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
									   PREMIO
								</div><a href="">Nombre</a>
							</div>

						</div>

					</td>

				</tr>

				<tr>

					<td>

						<div id="prem">

							<div class="efect2">

								<div style="width: 120px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

								</div>

							</div>

							<div style="width: 120px; height: 80px; background:#134;">

								<div style="font-family: Exo; font-size: 15px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
									   PREMIO
								</div><a href="">Nombre</a>
							</div>

						</div>

					</td>

					<td>

						<div id="prem">

							<div class="efect2">

								<div style="width: 120px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

								</div>

							</div>

							<div style="width: 120px; height: 80px; background:#134;">

								<div style="font-family: Exo; font-size: 15px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
									   PREMIO
								</div><a href="">Nombre</a>
							</div>

						</div>

					</td>

					<td>

						<div id="prem">

							<div class="efect2">

								<div style="width: 120px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

								</div>

							</div>

							<div style="width: 120px; height: 80px; background:#134;">

								<div style="font-family: Exo; font-size: 15px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
									   PREMIO
								</div><a href="">Nombre</a>
							</div>

						</div>

					</td>

					<td>

						<div id="prem">

							<div class="efect2">

								<div style="width: 120px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">

								</div>

							</div>

							<div style="width: 120px; height: 80px; background:#134;">

								<div style="font-family: Exo; font-size: 15px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
									   PREMIO
								</div><a href="">Nombre</a>
							</div>

						</div>

					</td>

				</tr>

			</tbody>
		</table>

	</center>

</div>
<div id="caja3">

	<h1>
		               Staff
	</h1><br />
	<center>

		<div style="display:inline-flex;">

			<!--                 Staff1                 -->
			<div style="margin: 0auto; width:160px; height:320px;background:url(http://i.imgur.com/xfkdPWB.jpg); border:2px solid #134;" id="staffimg">

				<div id="staffn">
					               Mistaken
				</div>

				<div id="staffp">
					               Fundador
				</div>

				<div id="staffc">
					               {<a href="/u1">Perfil</a>} {<a href="http://codethis.foroactivo.mx/privmsg?mode=post&u=1">MP</a>}
				</div>

			</div>

			<!--                 Staff1 End                 -->
			<!--                 Staff2                 -->
			<div style="margin: 0auto; width:160px; height:320px;background:url(http://i.imgur.com/F4qhnRN.gif); border:2px solid #134;" id="staffimg">

				<div id="staffn">
					               Harleen
				</div>

				<div id="staffp">
					               Administrador
				</div>

				<div id="staffc">
					               {<a href="/u5">Perfil</a>} {<a href="http://codethis.foroactivo.mx/privmsg?mode=post&u=5">MP</a>}
				</div>

			</div>

			<!--                 Staff2 End                 -->
			<!--                 Staff3                 -->
			<div style="margin: 0auto; width:160px; height:320px;background:url(http://i.imgur.com/L9uf2a6.gif); border:2px solid #134;" id="staffimg">

				<div id="staffn">
					               Scathach
				</div>

				<div id="staffp">
					               Administrador
				</div>

				<div id="staffc">
					               {<a href="/u2">Perfil</a>} {<a href="http://codethis.foroactivo.mx/privmsg?mode=post&u=2">MP</a>}
				</div>

			</div>

			<!--                 Staff3 End                 -->
		</div>

	</center>

</div>
<div id="caja4">
	                       <iframe src="chatbox/index.forum" frameborder="no" scrolling="no" style="width: 800px; height: 420px;"></iframe>
</div>