
Border Corners Crossing Over?
Hi,
Quickly: You can see an example of the problem here:
http://cl.ly/0f5dbf2d003367fbb016You'll notice that every corner (except for the one being rounded) appears to be overlapping.
Anyone know why this might be? I'm using PIE on the main containing DIV as well as a form button within it so would using it twice within an element already using it cause a problem?
The HTML is as follows...
Code:
<div id="home-find">
<h2>Find an Offer</h2>
<form>
<p><strong>Your online Bar & Club portal.</strong> Search for special offers at Clubs & Bars in your area.</p>
<p><button type="submit">Go</button></p>
<p class="town">
<select>
<option>Select a Town</option>
</select>
</p>
<p>
<select>
<option>Select a Venue Type</option>
</select>
</p>
<p>
<select>
<option>Select a Venue</option>
<option>Show All</option>
<option>…</option>
</select>
</p>
</form>
</div>
...and the CSS is...
Code:
#home-find
{ -moz-border-radius:0 0 40px 0; -webkit-border-radius:0 0 40px 0; border-radius:0 0 40px 0; background:url(../Images/navigation.png) left top repeat-x #000; border:3px solid #FFF; margin-bottom:20px; behavior:url(/LL/Assets/Styles/PIE.php); position:relative; width:564px; }
#home-find form
{ background:url(../Images/home-find-logo.png) 17px 10px no-repeat; color:#FFF; padding:15px 20px 0 220px; }
#home-find p:first-child
{ font-size:120%; }
#home-find strong
{ display:block; font-size:130%; }
#home-find h2
{ background:url(../Images/header-pink.png) left top repeat-x #EC008C; color:#FFF; font-size:135%; padding:6px 12px 4px; width:50%; }
#home-find select
{ margin-bottom:1em; width:150px; }
#home-find .town
{ margin-top:2em; }
#home-find button
{ -moz-border-radius:8px; -webkit-border-radius:8px; background:url(../Images/button-go.png) left top repeat-x #EE3696; border:0; border-radius:8px; color:#FFF; cursor:pointer; float:right; font-size:140%; margin-top:10px; padding:4px 0 5px; width:85px; behavior:url(/LL/Assets/Styles/PIE.php); bottom:20px; position:absolute; right:20px; }
Any help appreciated.
Thanks.
M.