Hi guys,

I recently paid for a Wordpress theme, which I intend to customize extensively, but I've run into an issue that I've never come across before. I'm not a complete newbie but since I've never had this problem before, I don't know where to begin or what might be causing it, and I thought maybe you guys could help me.

When I view my site in the latest version of Opera, every time I move the mouse cursor over the header div, a top margin is created (See screenshot). Does anybody know what might be causing this and how I can fix it? It doesn't happen in Firefox, Chrome or Internet Explorer.

My URL is: http://www.projectdisobey.com

Thanks in advance!

Recommended Answers

All 2 Replies

Within your header, you have another div:

<div class="top_navigation clearfix">	 </div>

In firefox, if I remove that whole line, the page moves up 5px. The div is styled with a 5px bottom-margin.

Try removing it and testing in Opera. I dont have Opera on my laptop here at home, so I cant test it. Otherwise, I dont see where a mouse hover would be causing your problem.

Teedoff: Thanks for your help but I already managed to fix the problem myself, by doing exactly the same thing that you suggested!

I appreciate the response though.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.