[AlpesInfo.com]

I have a small section of html that looks like this

<div id="flags">
<p>
<a href="/fr/index.php">
<img width="15" height="10" alt="Version Français" src="/images/frflag.gif"/>
</a>
<a href="/fr/index.php">Version Français</a>
</p>
</div>

and in firefox i get what I expect which is a flag with the text next to it.

however in ie7 the flag is some 30 or 40 px lower than the text, but still placed before it.

firebug shows that it is picking up the style
#sidebar p {
margin:0pt;
padding:0pt 0pt 5px 20px;
}
out of style.css

but that doesnt explain it for me.

I have tried throwing in
#flags p {
padding:0px;
}
and all that does is move it closer the the left edge of the page, doesnt bring the flag back up to where it should be.

Cheers

Phil

[haku]

What doctype are you using? Your problem may be described in this article:

Internet Explorer box model bug - Wikipedia, the free encyclopedia

[pgo]

Try making it one anchor instead of two and maybe...

#flags p { vertical-align: middle; }

Just to see what happens.