HTML CSS Styling Logo Image and Hiding Logo Text

Styling Logo and hiding logo text.css

/*Here's the html for the logo

				<div class="header">
					<h1 class="logo" ><a href="" >Magazine</a></h1>
				</div>

Here's the CSS for the Logo*/

    .header h1.logo {  margin: 7px 0 0 0; float: left;   }
 
    .header h1.logo a {  

    width: 250px; height: 49px; display: block; 
	background: url(../images/sprite.png) no-repeat 0 0;

    /* the old way was including text-indent: -9999px; but the new way is as seen below */

    font: 0/0 a;
    text-shadow: none;
    color: transparent;

 }