i'm confused need help!

Ok my website is css perfect and html except for the flash video witch makes it not but if you view my site in IE it comes out perfect but if you view in Firefox it has spaces between the images that i use in the css to make it the background, can you guys check it out and see if you can fix it for me? or tell me how too as im mega confused and stuck why it does it.

Site: www.vpdesigns.co.uk/work/Vpdesigns

 

Arh my sites gone down

 

ok its back online can anybody pelase help me?

 

Hey fella,

I think this is just different browsers having different defaults.

Stick this near the top of your css file, it seems to solve the problem (although I cannot tell exactly as half the page disappears editing css in web editor toolbar):

p { margin: 0; padding: 0; }

Better still, read up on css reset, here's what I always use, it gives you a blank canvas across multiple browers to avoid exactly this type of problem:

/*CSS Reset*/
abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
caption,th { text-align: left; }
fieldset,img { border: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
ol,ul { list-style: none; }
q:before,q:after { content: ''; }
table { border-collapse: collapse; border-spacing: 0; }

Remember because of the nature of style sheets so you can change these settings if need be further down the page.

 

arh cheers mate! your a life saver i cudnt figure it out lol and ive never come across such a problem, ima save this and print a copy! lol

Thanks again

 

heh, mine's pretty simple:

* {
margin: 0;
padding: 0;
}

img, fieldset {
border: none; (or zero depending on how I feel)
}

ul, li {
list-style:none;
}

That's about it. But it depends on what's in your html. Also, I've seen resets that list the no margins no padding on a big list of elements, simply because the author wanted to avoid zeroing out form controls, since apparently sometimes they don't work when zero'd (and while you can put your own margins and padding on stuff you want, a lot of browsers like Opera don't let you add back for form controls.... dumb). Me, I find I can't make my forms readable without it.