IE bugs, Firefox bugs

[orangeacid]

Hey there,

 

I've had some problems with my site for a long time now and I can't seem to be able to fix them by myself so I thought I'd see if anyone here would be kind enough to help me out!

 

Basically, on my site the headers (which are also links) jump around on mouseover.  I have a similar problem with the 'submit' button for comments.  The homepage tends to be fine (most of the time), but I do have problems on the archives and individual pages.  I only get this problem on IE6 and below.  My site is wordpress-powered.

 

The problem I get in Firefox is very minor - basically something seems to be obscuring the links at the very top right of my page because I can't mouseover or click them.  Ironically they work fine in IE.

 

My site is here: http://www.orangeacid.net

My stylesheet is here: http://www.orangeacid.net/blog/wp-content/themes/orangeacid2/style.css

 

Any help would be greatly appriciated 

[bronzemonkey]

The Firefox issue can be resolved with this:

 

ul#topnav {
position:relative;
float: right;
margin: 0;
padding: 0;
z-index:100;
}

 

Haven't looked at your site in IE6 (don't bother with anything below IE6) but it sounds like a hasLayout problem. I assume that when you say "headers" you mean post titles. Try adding this:

 

* html h2.posttitle {
height:1%;
}