Nav and jpeg

[matt3000]

Hi,

I’ve got a problem with my jpeg and my nav buttons.
I just followed the instructions of one of the videos, so its probably very easy to solve:

The problem is the difference between firerefox and IE

In firefox my jpeg doesn’s even show
The jpeg is supposed to be filling just a page. But its centered to much to the right
The nav buttons also react different to padding left in firefox and IE

See pics

My Body :

Code:

• Home
• Iets dat nog komt
• Nog iets dat
• Over mezelf
• Contact
• Tarieven

My CSS:

Code:

* {
margin:0;
padding:0;
}

body {
font-size:62,5%;
font-family: Helvetica, sans-serif;
background: #ffffff;
}

li {
font-size: 1.0em;
}

div#page-wrap{
width: 800px;
margin: 0 auto;
}

ul#nav {
height: 534px; width: 1144px;
background: url(pics/Header 1.jpg) no-repeat;
list-style: none;
padding-left: 150px;
}
ul#nav li {
float: left;
margin-top: 300px;
}

ul#nav li a {
display: block;
width: 125px;
color: black;
font-weight: bold;
text-decoration: none;
}
ul#nav li a:hover, ul#nav li a:active {
color: #CCCCCC;
}

Hope you guys can help out

Matt

[matt3000]

Oke, that solved of the problems, thanks very much!

But i’m still not able to see my image in firefox.
How is that possible?

Matt

[matt3000]

That problem solved as well

thanks! :)

Matt

[Author]

Posts