Troubles with navigation/menu bar

[foodworld]

Hi there,

 

My website is: www.fantasticfoodworld.com

 

Having issues with: www.fantasticfoodworld.com/blog

 

I have just recently started doing some changes to the website and I want my blog to have the same header navigation bar as my main site. However I am having some issues that I can't seem to be figuring out.

 

- Some of the images I am referring to is not showing

- The blog looks really weird in Internet Explorer.

 

Under you can see the coding I have used for the nav bar:

 

/* Navigation */

 

}

 

#navigation {

padding:0 0 0 10px; margin:0; list-style:none; height:31px; position:relative;

}

 

#navigation ul { list-style-type: none; list-style-image: none; float: left; margin-top: 125px; margin-left: 20px; margin-bottom: 0px; padding: 0 0px 0 0;

 

}

 

#navigation li {

float:left;margin:0;

}

 

#navigation li a {

display:block; float:left; height:31px; line-height:31px; background:url(images/fantasticfoodworld/pro_nine_0a.gif) no-repeat; color:#ffffff; text-decoration:none; font-family:arial; font-weight:bold; font-size:13px; text-align:center; padding:0 0 0 12px; cursor:pointer;

}

 

 

#navigation li a:link {

text-decoration:none; color:#fff;

}

 

#navigation li a:visited {

text-decoration:none; color:#fff;

 

}

 

#navigation li.current a:link,

#navigation li.current a:Visited {

text-decoration:none; color:#2586C0;

}

 

 

#navigation li a b {

float:left; display:block; padding:0 12px 0 0; background:url(images/fantasticfoodworld/pro_nine_0.gif) right top;

}

 

#navigation li.current a {

color:#fff; background:url(images/fantasticfoodworld/pro_nine_2a.gif) no-repeat; text-decoration:none;

}

 

#navigation li.current a b {

background:url(images/fantasticfoodworld/pro_nine_2.gif) right top; text-decoration:none;

 

}

 

#navigation li a:hover {

color:#fff; background:url(images/fantasticfoodworld/pro_nine_1a.gif) no-repeat; text-decoration:none;

}

#navigation li a:hover b {

background:url(images/fantasticfoodworld/pro_nine_1.gif) right top; text-decoration:none;

}

 

#navigation li.current a:hover {

color:#fff; background:url(images/fantasticfoodworld/pro_nine_3a.gif) no-repeat; cursor:pointer;  text-decoration:none;

}

 

#navigation li a:active {

text-decoration: none;

}

 

Can anyone tell me what I might be doing wrong? 

[cssfreakie]

your side turn on all alarmbels. seems you are hosting malware. Not interested in looking at it