Link appears glued to top left regardless of margins/positioning

harvs899 · 11-08-2012, 08:21 PM

Pretty simple question but I can't seem to work it out, basically whatever I change I can't seem to get it to move from the top left

Here's my relevant code;

Code:

logo{
	width: 289px;
	height: 108px;
	margin-left: 400px;
}
.mainheader{
	background: #AAA;
	border-bottom: 2px solid #9A9A9A;
}

Code:

<header class="mainheader">
		    <a href="/"><img src="Images/Logo2.png" id="logo"/></a>  		
            <nav class="navbar">
                <ul id="unorderedlist">
                    <li>
                        <a href="Home.html">Home</a>
                    </li>
                    <li>
                        <a href="Home.html">About</a>
                    </li>
                    <li>
                        <a href="Home.html">Services</a>
                    </li>
                    <li>
                        <a href="Home.html">Experience</a>
                    </li>
                    <li>
                        <a href="Home.html">Testimonials</a>
                    </li>
                    <li>
                        <a href="Home.html">Contact</a>
                    </li>                                                                                                    
                </ul>
            </nav>
		</header>

The left 400px takes no affect and neither does whatever else I put there, what do I do?

Many thanks in advance