Crazy Design Error

[flynch01]

Need some help. I've never seen a design error like this, I don't know whats causing it.

www.groep25.icasites.nl

Open it in internet explorer. DOn't worry about firefox it works fine there as usual, and the design looks exactly the same in internet explorer anyway. BUT, scroll down the page. If the 'Veilingen' bit was below the bottom of your screen (resize your window if it wasn't) and you scroll down so it comes into view, anywhere that the border was hidden before gets removed. THe border just disappears.

What is causing it?

[jcdevelopment]

I have run into this problem before with IE, except mine was with the dashed border but i added the solid and it did the same thing.

What i did was upload to the ftp with out the border in the CSS.

Then view it to make sure

then upload it with the border and see if it works, it did for me... good luck!!

[flynch01]

I'm confused. Doesn't that mean I have to get everyone to view the page without the border before I do that?

How does that fix it? =/

EDIT:
I tried removing the borders, then reuploaded it. Didn't work. Thanks for the advice though.

[abduraooft]

Oh my poor flynch01, I'm so sad thinking about your current mindset. I'll give you a good solution but upon one condition. You need to make sure that you have no divitis (http://csscreator.com/?q=divitis) :D

Now, in to the game. Your problem is the famous(infamous?) IE-peekaboo (http://www.positioniseverything.net/explorer/peekaboo.html).
Just go ahead with
.box {
margin-top: 1em;
margin-bottom: 1em;
text-align: left;
clear: both;
overflow: hidden;
border: 0.08em solid #FF944E;
zoom:+1;
}:thumbsup:

[jcdevelopment]

ahhh, thankyou... i knew that zoom was good for something!! I know it helped me!

[flynch01]

Hahaha. Thanks a million! :D

[flynch01]

A new problem:
http://groep25.icasites.nl/index.php?mode=veilingtoevoegen
(Login with user: TuPra || Pass : testtest)

The forms are all messed up, im really going insane here :( I really hate Internet Explorer

I've been messing around with all these things for weeks, trying to find the solutions myself but we fail big time

[abduraooft]

Now the problem might be with you, not with IE ;). How about removing all position absolutes from all inputs and building the form in a more semantic and easy way like
form p{
clear:both;
}

form p lable{
float:left;
width:20em;
}

<p>
<lable for="Titel">Titel<label> <input type="text" id="Titel" size="30" value="" name="veilingtoetitel" class="registreerinput"/>
</p>
(Haven't tested though!)