Need to make a Design like this

[Firestorm~]

I would like to make something like the picture below , it is found below menu in Myspace , i think it is easy to do so but since i am not so good :hehe:

Image





I have tried using this code (from the selected part in source code of Myspace), but it does not work , i would like a grey background like in the picture

<link rel="stylesheet" type="text/css" href="http://x.myspace.com/js/css/splashNew.css" />
<span id="ctl00_Main_SplashDisplay_SplashHeader"> </span>

		
<div id="main">
	<div id="nav">
		
<div id="splash_greybox" class="section">
    <div class="col" style="width:85px">
		<a href="http://collect.myspace.com/index.cfm?fuseaction=books">Books <span class="txtRed">NEW!</span></a> ggg <br />
		<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.home">Blogs</a><br />
	    <div id="ctl00_Main_SplashDisplay_greyBox_CareersPanel">

	
		    <a href="http://careers.myspace.com/index.cfm?fuseaction=careers&MyToken=9a77aaae-b97f-4d97-93df-869c0ccdb733">Careers</a>
		
</div>
	</div>
    <div class="col" style="width:100px">
		<a href="http://chat.myspace.com/index.cfm?fuseaction=chat.main">Chat Rooms</a><br />
		<a href="http://www.myspace.com/index.cfm?fuseaction=comedian.home">Comedy <span class="txtRed">NEW!</span></a><br />
        <a href="http://www.myspace.com/index.cfm?fuseaction=film&MyToken=9a77aaae-b97f-4d97-93df-869c0ccdb733">Filmmakers</a>

    </div>
    <div class="col" style="width:100px">
		<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=ad.games">Games</a><br />
        <a href="http://collect.myspace.com/index.cfm?fuseaction=horoscope&MyToken=9a77aaae-b97f-4d97-93df-869c0ccdb733">Horoscopes</a><br />
        <div id="ctl00_Main_SplashDisplay_greyBox_MoviesPanel">
	
            <a href="http://movies.myspace.com/index.cfm?fuseaction=movies.main&MyToken=9a77aaae-b97f-4d97-93df-869c0ccdb733">Movies  <span class="txtRed">NEW!</span></a>
        

</div>
	</div>
    <div class="col" enableviewstate="false"  style="float:left; width:125px">
        <div id="ctl00_Main_SplashDisplay_greyBox_MusicVideosPanel">
	
            <a href="http://vids.myspace.com/index.cfm?fuseaction=videos">Music Videos</a><br />
        
</div>
        <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=78744676&MyToken=9a77aaae-b97f-4d97-93df-869c0ccdb733">MySpaceIM  <span class="txtRed">NEW!</span></a><br />
        <a href="http://collect.myspace.com/index.cfm?fuseaction=schools.main">Schools</a>

    </div>
</div>
<div class="clear"></div>
		<div>
		<span id="ctl00_Main_SplashDisplay_CMS_SplashWest440x160"><script type="text/javascript" language="javascript">oas_ad("www.myspace.com/index,10000000","west");</script></span>
		</div>
		<br />
		
<br />

 

[pcoptimized]

To get the box to look the same, you'll need to add the css.

From their css file:

#splash_greybox {clear:left; background-color:#F2F5F7; border:1px solid #D0E4FD; height:55px; width:440px;}
	#splash_greybox .col {float:left; margin:3px; width:23%;}
	#splash_greybox .col a {font-weight:normal; font-size:13px;}