Permalink
Browse files

Adjust IE9 border-radius tests to work around the IE6-7 bug where neg…

…ative top margin does not work if the element hasLayout. Fixes all tests which rely on elements overlapping by shifting the test element up on top of the reference element. The tests are still valid, we just now avoid an unrelated IE bug.
  • Loading branch information...
Jason Johnston
Jason Johnston committed May 22, 2010
1 parent 73c0d59 commit f540f236b9cf784b134ef78bf9d255bd3e33d4f7
@@ -30,7 +30,8 @@
#test1
{
behavior: url(../../build/PIE.htc);
- margin-top: -220px;
+ position: relative;
+ top: -220px;
border: 10px solid black;
border-radius : 40px;
}
@@ -46,7 +47,8 @@
#test2
{
behavior: url(../../build/PIE.htc);
- margin-top: -220px;
+ position: relative;
+ top: -220px;
border: 10px solid black;
border-radius: 2em 1em 4em / 0.5em 3em;
}
@@ -27,7 +27,8 @@
}
#test1
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 60px 150px 30px 30px;
}
@@ -37,7 +38,8 @@
}
#test2
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 0px 150px 0px 30px;
}
@@ -47,7 +49,8 @@
}
#test3
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 150px 0px 30px 0px;
}
@@ -57,7 +60,8 @@
}
#test4
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 50px 70px 30px 30px;
}
@@ -67,7 +71,8 @@
}
#test5
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 150px 150px 30px 30px;
}
@@ -77,7 +82,8 @@
}
#test6
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 30px 50px 70px 30px;
}
@@ -87,7 +93,8 @@
}
#test7
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 30px 30px 50px 70px;
}
@@ -97,7 +104,8 @@
}
#test8
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 70px 30px 30px 50px;
}
@@ -25,7 +25,8 @@
}
#test1
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 50px 50px 30px 30px;
}
@@ -35,7 +36,8 @@
}
#test2
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 30px 15000000px 30px 30px;
}
@@ -45,7 +47,8 @@
}
#test3
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 30px -150px 30px 30px;
}
@@ -59,7 +62,8 @@
{
width: 1000px;
height: 500px;
- margin-top: -520px;
+ position: relative;
+ top: -520px;
border-color: black;
border-radius: 0.1px 0.1px 0.1px 0.1px;
}
@@ -31,7 +31,8 @@
{
border-radius: 10px 50px 30px;
border-color: green;
- margin-top: -2.4in;
+ position: relative;
+ top: -2.4in;
}
</style>
</head><body>
@@ -31,7 +31,8 @@
{
border-radius: 10px 50px;
border-color: green;
- margin-top: -2.4in;
+ position: relative;
+ top: -2.4in;
}
</style>
</head><body>
@@ -24,7 +24,8 @@
#test
{
behavior: url(../../build/PIE.htc);
- margin-top: -292px;
+ position: relative;
+ top: -292px;
height: 288px;
width: 384px;
border: 2px solid black;

0 comments on commit f540f23

Please sign in to comment.