IE7 and firefox align problem 1

[jasc2k]

Hi there,

My new website:

http://www.theunit46.co.uk/

when I view it using IE7 (dev mode) or firefox my <hr> (all pages) and <feildset> (contact and guestbook pages) aligments are to the left or right but they should all be center as they are displayed correctly in IE8. Does anyone have any ideas/suggestions please?

Can post more code if required, below are the hr and fieldset css.

fieldset { padding:8px; color:#ffff00; width:600px; margin: 15px auto; border:1px solid #ffff00;}
fieldset.action { text-align:right; }

hr { color: #ffff00; border-color: #ffff00; width: 60px; margin: 10px; }

Have researched this on google and I think its to do with the auto margins but I cant seem to get it centre any other way?

Thanks in advance
James

 

[Vragabond]

As for [tt]hr[/tt], there is no issue -- you haven't specified that it's margins should be automatic on each side, meaning that it defaults to left. Unlike text, hr behaves like a block level element.

[tt]Fieldset[/tt] seems a bit more problematic. In my Firefox it shows up perfectly, but in IE7, I cannot seem to find the reason of the jump. It almost looks like some content is pushing all the elements further to the right, but there's nothing that screams out.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[jasc2k]

nicely spotted on the hr thanks

the fieldset is weird I have tried lots of methods and none with any luck. I have noticed on my browser that the feildset action is ok which would suggest you are correct that something is pushing the elements over will test with some borders set.

Thanks