Click here

 

If anyone wants to take a look at my problem, it'd be much appreciated (link is above).

 

The logo is positioned inside the div named logo, which has a set width of 800px. This div is centered in the page. Why in firefox/safari is my logo positioned to the left of the page? I want it to be where it appears in IE, inside the centered div but postioned to the left within it (therefore it won't be touching the left side of the screen). The solution is probably really simple, if you hadn't guessed I'm not amazing, but I'm learning

#logo {
width:800px;
margin: 0 auto;
}

^^ Lev's code will do that

 

My opinion is never ever design a website for IE, always build for Firefox / chrome / opera / safari then test it in ie after.

 

The code needed to work in IE can be so different to coding for firefox.

#logo {
width:800px;
margin: 0 auto;
}

 

Haha, I knew that. :$ Thanks, it helps to have someone point out your silly mistakes.

Another question, I don't think it's worthy of a new thread. When the link is clicked/selected on the image, is there any way of removing the border that appears in firefox?

 

I screenshotted if it helps explain.

Try it:

 

#logo a {
outline : none;
}

Try it:

 

#logo a {
outline : none;
}

 

You're too helpful. Thank again.

Glad to be helpful. Good luck!