This layout was designed to work best in Firefox, and then anything that didn't work in Internet Explorer was fixed, and so now the layout works perfectly in both browsers. :) It probably looks better with Internet Explorer because of the scrollbars.

If you find any errors in this code, please let me know!

bold underlined italic visited link active link

Just copy and paste this code into wherever you want to use it!

<style type="text/css"> body {background: url("http://www.burningviolet.com/templates/5.jpg") 0 0 no-repeat; scrollbar-arrow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff;} .pinklink a, .pinklink a:active, .pinklink a:visited, .pinklink a:link {display:block; width: 80px; height: 80px; position: absolute; background: url("http://www.burningviolet.com/templates/5_1.jpg") 0 0 no-repeat; top: 620px; left: 212px; text-align: center; font-size: 30pt; line-height: 68px; text-decoration: none; color: #4D4D4D; font-family: arial black; text-transform: uppercase;} .pinklink a:hover {background-position: 0 -80px; color: #FFC0F7;} .bluelink a, .bluelink a:active, .bluelink a:visited, .bluelink a:link {display:block; width: 80px; height: 80px; position: absolute; background: url("http://www.burningviolet.com/templates/5_2.jpg") 0 0 no-repeat; top: 610px; left: 307px; text-align: center; font-size: 30pt; line-height: 68px; text-decoration: none; color: #4D4D4D; font-family: arial black; text-transform: uppercase;} .bluelink a:hover {background-position: 0 -80px; color: #BADFF9;} .greenlink a, .greenlink a:active, .greenlink a:visited, .greenlink a:link {display:block; width: 80px; height: 80px; position: absolute; background: url("http://www.burningviolet.com/templates/5_3.jpg") 0 0 no-repeat; top: 590px; left: 393px; text-align: center; font-size: 30pt; line-height: 77px; text-decoration: none; color: #4D4D4D; font-family: arial black; text-transform: uppercase;} .greenlink a:hover {background-position: 0 -80px; color: #BCF9EA;} .yellowlink a, .yellowlink a:active, .yellowlink a:visited, .yellowlink a:link {display:block; width: 80px; height: 80px; position: absolute; background: url("http://www.burningviolet.com/templates/5_4.jpg") 0 0 no-repeat; top: 563px; left: 475px; text-align: center; font-size: 30pt; line-height: 68px; text-decoration: none; color: #4D4D4D; font-family: arial black; text-transform: uppercase;} .yellowlink a:hover {background-position: 0 -80px; color: #F6FD9E;} .welcometext {font-size: 45pt; font-variant: small-caps; font-family: arial black; color: #151515; position: absolute; left: 150px; top: 10px; width: 480px; line-height: 55pt; text-align: left;} .mainblog {width: 426px; height: 270px; overflow: auto; position: absolute; top: 160px; left: 80px; font-family: arial; font-size: 8pt; line-height: 8pt; color: #000000; text-align: center; scrollbar-arrow-color: #ffffff; scrollbar-face-color: #4D4D4D; scrollbar-3dlight-color: #4D4D4D; scrollbar-highlight-color: #4D4D4D; scrollbar-shadow-color: #4D4D4D; scrollbar-darkshadow-color: #4D4D4D; scrollbar-track-color: #4D4D4D;} .h1 {background: url("http://www.burningviolet.com/templates/5_h1.jpg") 0 0 no-repeat; font-family: arial black; font-variant: small-caps; font-size: 16pt; color: #151515; line-height: 20pt; text-align: left;} .h3 {background-color: #151515; color: #ffffff; text-align: right; letter-spacing: 3px; line-height: 6pt;} b {color: #FFC0F7; font-size: 9pt;} u {color: #B8E1F7; font-size: 9pt;} i {color: #BDF7EB; font-size: 9pt;} a:visited {color: #F6FD9E; text-decoration: none; font-size: 9pt;} a:active, a:link, a {color: #F6FD9E; font-size: 12pt; text-decoration: none;} a:hover {color: #ffffff;} .affiliatebox {position: absolute; top: 157px; left: 550px; width: 173px; height: 295px; overflow: auto;scrollbar-arrow-color: #4D4D4D; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff;} .affiliatelinks a:visited {color: #4D4D4D; display: block; font-family: arial; font-size: 8pt; line-height: 14pt; text-align: center;} .affiliatelinks a, .affiliatelinks a:active, .affiliatelinks, .affiliatelinks a:link {color: #4D4D4D; display: block; font-family: arial; font-size: 8pt; line-height: 14pt; text-align: center;} .affiliatelinks a:hover {color: #ffffff; display: block; font-family: arial; font-size: 12pt; background-color: #4D4D4D; text-align: center;} .affiliatetitle {font-family: arial black; font-variant: small-caps; font-size: 22pt; line-height: 24pt; text-align: center; position: absolute; left: 560px; top: 129px;} textarea {border: 10px solid #151515; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; font-family: arial; font-size: 6pt; background-color: #ffffff; width: 100px; height: 35px;} </style> <div class="pinklink"><a href="#">01</a></div> <div class="bluelink"><a href="#">02</a></div> <div class="greenlink"><a href="#">03</a></div> <div class="yellowlink"><a href="#">04</a></div> <div class="welcometext">Site Name</div> <div class="mainblog"> <div class="h1">TITLE GOES HERE!!!</div> <div class="h3">DATE ETC GOES HERE!!!</div> CONTENT GOES HERE!!! CONTENT GOES HERE!!! CONTENT GOES HERE!!! CONTENT GOES HERE!!! </div> <div class="affiliatetitle">Affiliates</div> <div class="affiliatebox"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width="50%"> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> </td> <td valign="top" width="50%"> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> <div class="affiliatelinks"><a href="#">AFFILIATE LINK HERE!!!</a></div> </td> </tr> </table> </div>